Question

你能帮助我使用这个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", "");

Answer 1

使用jQuery .siblings()选择匹配的兄弟。

$(this).siblings('.bidbutton');

Answer 2

$(this).siblings(".bidbutton")

Answer 3

这是一个链接，有助于了解如何在Jquery中选择一个兄弟元素。

How do I select a sibling element using jQuery

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

你也可以使用Jquery选择器

找到一个元素

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

有关详细信息，请参阅此链接next(), nextAll(), prev(), prevAll(), find() and siblings in JQuery

Answer 4

$("h2").siblings().css({"color": "blue"});

详细信息在以下来源中描述：

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

Answer 5

you can use 
$(this).siblings(".bidbutton").addClass("disabled");
$(this).siblings(".bidbutton").attr("disabled","");

Answer 6

jQuery提供了一个名为 "siblings()" 的方法，它可以帮助我们返回所选元素的所有兄弟元素。例如，如果要将CSS应用于同级选择器，则可以使用此方法。以下是一个说明这一点的例子。您可以尝试这个示例并使用它来了解它的工作原理。

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

Answer 7

由于$(this)引用.countdown，您可以更具体地使用$(this).next()或$(this).next('button')。

Answer 8

尝试 -

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

Answer 9

如果您想选择特定的兄弟姐妹：

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

其中'index'是父容器中特定兄弟的索引。

Answer 10

如果您还需要选择一个名称而不是类别的兄弟姐妹，则可以使用以下内容

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

Answer 11

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

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

Demo here

Answer 12

如果我理解正确的话，你已经在一个循环中（每个），所以你总是想在每个循环运行中选择那个一个同级按钮？由于 siblings() 返回一个数组，这将是要走的路：

$(this).siblings('.bidbutton')[0]

你可以在一行中应用你想要的东西：

$(this).siblings('.bidbutton')[0].addClass("disabled").attr("disabled", "");

如何使用jQuery选择兄弟元素？

12 个答案: