jQuery'yi kullanarak nasıl bir kardeş öğesi seçebilirim?

Question

Bu jQuery seçici ile bana yardımcı olabilir misiniz?

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

Ve sonra o düğmeye uygulayın:

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

Temelde, her döngüde .countdown aynı ebeveyn aittir .bidbutton sınıfıyla elemanı seçmek istediğiniz

$(this) yana

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

Answer 1

Kullanım jQuery .siblings() eşleştirme kardeş seçin.

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

Answer 2

daha detaylı olarak $(this).next() veya $(this).next('button') kullanabilir .countdown belirtir.

Answer 3

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

Answer 4

deneyin - İşte

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

Answer 5

hakkında bilgi jQuery bir kardeş elemanı seçmek için yararlıdır bir bağlantıdır.

How do I select a sibling element using jQuery

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

ayrıca bkz fazla bilgi için jQuery seçimi

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

kullanarak bu bağlantıyı next(), nextAll(), prev(), prevAll(), find() and siblings in JQuery

Answer 6

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

Detaylar unsurunu bulabilirsiniz aşağıda kaynakta açıklanmıştır :

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

Answer 7

jQuery seçilen eleman tüm kardeş elemanlarını döndürmek için yardımcı olur "siblings()" adı verilen bir yöntem sağlamaktadır. Örneğin, CSS'yi kardeş seçicilere uygulamak isterseniz, bu yöntemi kullanabilirsiniz. Aşağıda bunu gösteren bir örnek verilmiştir. Bu örneği deneyebilir ve nasıl çalıştığını öğrenmek için onunla oynayabilirsiniz.

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

Answer 8

Belirli bir kardeş seçmek isterseniz:

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

burada 'indeks' üst kapsayıcı içindeki belirli kardeş endeksidir.