Làm cách nào để chọn một phần tử anh chị em bằng jQuery?

Question

Bạn có thể giúp tôi với bộ chọn jQuery này không?

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

Về cơ bản, tôi muốn chọn phần tử với lớp .bidbutton thuộc trong cùng cha mẹ như .countdown trong mỗi vòng lặp:

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

Và sau đó áp dụng điều này để nút đó:

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

Answer 1

Sử dụng jQuery .siblings() để chọn anh chị em phù hợp.

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

Answer 2

Kể từ $(this) đề cập đến .countdown bạn có thể sử dụng $(this).next() hoặc $(this).next('button') cụ thể hơn.

Answer 3

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

Answer 4

Thử -

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

Answer 5

Dưới đây là một liên kết đó là hữu ích để tìm hiểu về chọn một yếu tố anh chị em trong jquery.

How do I select a sibling element using jQuery

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

bạn cũng có thể tìm thấy một yếu tố sử dụng jQuery selector

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

Để biết thêm thông tin, tham khảo liên kết này next(), nextAll(), prev(), prevAll(), find() and siblings in JQuery

Answer 6

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

tin chi tiết được mô tả trong các nguồn dưới đây :

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

Answer 7

jQuery cung cấp một phương pháp gọi là "siblings()" giúp chúng ta trả lại tất cả các yếu tố anh chị em của phần tử được chọn. Ví dụ: nếu bạn muốn áp dụng CSS cho các bộ chọn anh chị em, bạn có thể sử dụng phương pháp này. Dưới đây là một ví dụ minh họa điều này. Bạn có thể thử ví dụ này và chơi với nó để tìm hiểu cách nó hoạt động.

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

Answer 8

Nếu bạn muốn chọn một anh chị em cụ thể:

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

nơi 'index' là chỉ số của anh chị em cụ thể trong vùng chứa mẹ.