¿Cómo selecciono un elemento hermano usando jQuery?

Question

¿Me pueden ayudar con este selector 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')); 
    } 
}); 

Básicamente, quiero seleccionar el elemento con la clase .bidbutton que pertenece en el mismo padre que el .countdown en el cada bucle:

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

Y luego aplicar esto a ese botón:

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

Answer 1

Uso jQuery .siblings() para seleccionar el hermano a juego.

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

Answer 2

Desde $(this) se refiere a .countdown puede utilizar $(this).next() o $(this).next('button') más específicamente.

Answer 3

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

Answer 4

Try -

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

Answer 5

Aquí hay un enlace que es útil para aprender acerca de seleccionar un elemento de hermanos en jQuery.

How do I select a sibling element using jQuery

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

también se puede encontrar un elemento con jQuery selector de

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

Para obtener más información, consulte este enlace next(), nextAll(), prev(), prevAll(), find() and siblings in JQuery

Answer 6

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

detalles se describen en la fuente de abajo :

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

Answer 7

jQuery proporciona un método llamado "siblings()" que nos ayuda a devolver todos los elementos de hermanos del elemento seleccionado. Por ejemplo, si desea aplicar CSS a los selectores de hermanos, puede usar este método. A continuación se muestra un ejemplo que ilustra esto. Puedes probar este ejemplo y jugar con él para aprender cómo funciona.

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

Answer 8

Si desea seleccionar un hermano específica:

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

donde 'índice' es el índice del hermano específica dentro del contenedor principal.