web-dev-qa-db-fra.com

Comment sélectionner un élément frère à l'aide de jQuery?

Pouvez-vous m'aider avec ce sélecteur 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'));
    }
});

En gros, je veux sélectionner l’élément avec la classe .bidbutton qui appartient au même parent que le .countdown dans chaque boucle:

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

Et ensuite appliquez ceci à ce bouton:

$(button here).addClass("disabled");
$(button here).attr("disabled", "");
jqueryselector
42
Only Bolivian Here

Utilisez jQuery .siblings() pour sélectionner le frère correspondant.

$(this).siblings('.bidbutton');
87
Madara Uchiha
$(this).siblings(".bidbutton")
4
JohnD
$("h2").siblings().css({"color": "blue"});

Les détails sont décrits dans la source ci-dessous:

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

2
Sourav Basak

Voici un lien utile pour en savoir plus sur la sélection d’un élément frère dans Jquery.

Comment sélectionner un élément frère à l'aide de jQuery

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

vous pouvez également trouver un élément en utilisant le sélecteur Jquery 

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

Pour plus d'informations, consultez ce lien next (), nextAll (), prev (), prevAll (), find () et des frères et sœurs dans JQuery

2
Bharath Kumaar

Si vous souhaitez sélectionner un frère spécifique:

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

où 'index' est l'index du frère spécifique dans le conteneur parent.

0
Peter Meadley

Puisque $(this) fait référence à .countdown, vous pouvez utiliser plus précisément $(this).next() ou $(this).next('button').

0
AlienWebguy

Essayer - 

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