it-swarm.cn

如何使用jQuery选择同级元素?

您能帮我这个jQuery选择器吗?

$(".auctiondiv .auctiondivleftcontainer .countdown").each(function () {
    var newValue = parseInt($(this).text(), 10) - 1;
    $(this).text(newValue);

    if (newValue == 0) {
        $(this).parent().fadeOut();
        chat.verify($(this).parent().parent().attr('id'));
    }
});

基本上,我想在每个循环中选择具有.bidbutton类的元素,该元素与.countdown属于同一父级:

<div class="auctiondivleftcontainer">
    <p class="countdown">0</p>
    <button class="btn primary bidbutton">Lance</button>                            
</div>  

然后将其应用于该按钮:

$(button here).addClass("disabled");
$(button here).attr("disabled", "");
54
Only Bolivian Here

使用jQuery .siblings() 选择匹配的同级。

$(this).siblings('.bidbutton');
101
Madara Uchiha
$(this).siblings(".bidbutton")
5
JohnD
$("h2").siblings().css({"color": "blue"});

详细信息在下面的源中进行了描述:

http://www.namasteui.com/traversing-siblings/

2
Sourav Basak

这是一个链接,对于了解如何在Jquery中选择同级元素非常有用。

如何使用jQuery选择同级元素

$("selector").nextAll(); 
$("selector").prev(); 

您还可以使用Jquery选择器查找元素

$("h2").siblings('table').find('tr'); 

有关更多信息,请参考此链接 JQuery中的next(),nextAll(),prev(),prevAll(),find()和同级

2
Bharath Kumaar

jQuery提供了一种称为“ siblings()”的方法,该方法可以帮助我们返回所选元素的所有同级元素。例如,如果要将CSS应用于同级选择器,则可以使用此方法。下面是一个说明此情况的示例。您可以尝试使用此示例并进行操作以了解其工作原理。

$("p").siblings("h4").css({"color": "red", "border": "2px solid red"});

1
Bhavesh

如果要选择特定的同级:

var $sibling = $(this).siblings('.bidbutton')[index];

其中“索引”是父容器中特定同级的索引。

0
Peter Meadley

您可以使用jQuery选择同级元素

 <script type="text/javascript">
    $(document).ready(function(){
        $("selector").siblings().addClass("classname");
    });
 </script>

这里演示

0
Developer

由于$(this)指的是.countdown,因此您可以更具体地使用$(this).next()$(this).next('button')

0
AlienWebguy

尝试-

   $(this).siblings(".bidbutton").addClass("disabled").attr("disabled", "");
0
ipr101

另外,如果您需要选择名称而不是类别的兄弟姐妹,则可以使用以下命令

var $sibling = $(this).siblings('input[name=bidbutton]');
0
Shobi