jQueryを使用して兄弟要素を選択するにはどうすればよいですか？

Question

このjQueryセレクタを手伝ってもらえますか？

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

そして、そのボタンにこれを適用します：

$(".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')); 
    } 
}); 

基本的に、私は、各ループで.countdownと同じ親に属する.bidbuttonクラスを持つ要素を選択したい

$(this)以来

$(button here).addClass("disabled"); 
$(button here).attr("disabled", ""); 

Answer 1

jQuery .siblings()を使用して、一致する兄弟を選択します。

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

Answer 2

は、あなたがより具体的に$(this).next()または$(this).next('button')を使用することができます.countdownを指します。

Answer 3

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

Answer 4

TRY -

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

Answer 5

ここでは、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 6

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

詳細要素を見つけることができ、以下にソースに記載されています。 ：

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

Answer 7

jQueryのは、私たちが選択した要素のすべての兄弟要素を返すことができます"siblings()"と呼ばれる方法を提供します。たとえば、兄弟セレクタにCSSを適用する場合は、このメソッドを使用できます。以下はこれを示す例です。この例題を試してみて、それを使ってそれがどのように動作するかを知ることができます。

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

Answer 8

あなたが特定の兄弟を選択する場合：

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

をどこ「インデックスが」親コンテナ内の特定の兄弟の指標です。