Come seleziono un elemento di pari livello usando jQuery?

Question

Puoi aiutarmi con questo selettore 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')); 
    } 
}); 

Fondamentalmente, voglio selezionare l'elemento con classe .bidbutton che appartiene lo stesso genitore come il .countdown in ogni ciclo:

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

E poi applicare questo a quel tasto:

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

Answer 1

utilizzare jQuery .siblings() per selezionare il fratello di corrispondenza.

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

Answer 2

Dal $(this) si riferisce a .countdown è possibile utilizzare $(this).next() o $(this).next('button') più specificamente.

Answer 3

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

Answer 4

Try -

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

Answer 5

Ecco un link che è utile per conoscere selezionare un elemento fratelli in jQuery.

How do I select a sibling element using jQuery

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

si possono anche trovare un elemento con il selettore Jquery

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

Per ulteriori informazioni, consultare questo link next(), nextAll(), prev(), prevAll(), find() and siblings in JQuery

Answer 6

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

dettagli sono descritti nella fonte qui sotto :

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

Answer 7

jQuery fornisce un metodo chiamato "siblings()" che aiuta a restituire tutti gli elementi di pari livello dell'elemento selezionato. Ad esempio, se si desidera applicare CSS ai selettori di pari livello, è possibile utilizzare questo metodo. Di seguito è riportato un esempio che illustra questo. Puoi provare questo esempio e giocare con esso per imparare come funziona.

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

Answer 8

Se si desidera selezionare un fratello specifica:

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

dove 'index' è l'indice del fratello specifica all'interno del contenitore principale.