Как выбрать элемент sibling с помощью 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", "");

Ответы

Ответ 1

Используйте jQuery .siblings(), чтобы выбрать соответствующий друг.

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

Ответ 2

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

Ответ 3

Вот ссылка, которая полезна, чтобы узнать о выборе элемента siblings в JQuery.

Как выбрать элемент sibling с помощью jQuery

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

вы также можете найти элемент с помощью селектора JQuery

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

Для получения дополнительной информации см. ссылку next(), nextAll(), prev(), prevAll(), find() и братья и сестры в JQuery

Ответ 4

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

Подробности описаны в источнике ниже:

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

Ответ 5

jQuery предоставляет метод под названием "siblings()" , который помогает нам возвращать все элементы брака выбранного элемент. Например, если вы хотите применить CSS к селекторам sibling, вы можете использовать этот метод. Ниже приведен пример, иллюстрирующий это. Вы можете попробовать этот пример и поиграть с ним, чтобы узнать, как он работает.

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

Ответ 6

Так как $(this) относится к .countdown, вы можете более точно использовать $(this).next() или $(this).next('button').

Ответ 7

Попробуйте -

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

Ответ 8

Если вы хотите выбрать конкретного брата:

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

где 'index' - это индекс конкретного брата в родительском контейнере.

Ответ 9

также, если вам нужно выбрать родного брата с именем, а не с классом, вы можете использовать следующее

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