jQuery-Selektor nicht dieses Kind

Gibt es eine Möglichkeit zum Anhängen klicken Sie auf Ereignis, um mehrere Elemente, und dann haben alle Kinder das element, außer den Kindern (die man geklickt hat), um eine Funktion auszuführen?

Das ist eine schreckliche Erklärung, aber ich bin auf der Suche nach so etwas wie dieses:

$(".block_header").click(function(){
    $(".block_header span:not(this span)").toggleClass("collapse expand");
    $(".container:not(this+div.container)").slideToggle();
});

Hier ist ein Beispiel: HTML:

<h3 id="sender_header" class="block_header"><span>Sender</span></h3>
<div id="sender_container" class="container">
    <p>Show or hide this, based on which H3 is clicked.</p>
</div>
<h3 id="receiver_header" class="block_header"><span>Receiver</span></h3>
<div id="receiver_container" class="container">
    <p>Show or hide this, based on which H3 is clicked.</p>
</div>
<h3 id="delivery_header" class="block_header"><span>Delivery</span></h3>
<div id="delivery_container" class="container">
    <p>Show or hide this, based on which H3 is clicked.</p>
</div>
<h3 id="items_header" class="block_header"><span>Items</span></h3>
<div id="items_container" class="container">
    <p>Show or hide this, based on which H3 is clicked.</p>
</div>
.... etc, etc (many more of the same)

Hoffe, dies ist nicht zu kompliziert. Es würde mich retten VIEL code.

InformationsquelleAutor Richard Harris | 2012-05-15

  1. 14

    Sich nicht ausschließen, sondern das element in der Auswahl, die Sie verwenden können, die not() Funktion, die akzeptiert ein DOM-element oder jQuery-Objekt zu entfernen aus dem jQuery-set.

    $(".block_header").click(function(e) {
    $('.block_header span').not($(this).find('span')).toggleClass("collapse expand");

    $('.container').not($(this).next()).slideToggle();
});
    Genial! Dank so viel.
    Danke, ich fand das sehr hilfreich

    InformationsquelleAutor Matt

  2. 3

    Versuchen Sie dies:

    $(this).parent('h3').siblings('h3').children('span').addClass('active');
$(this).parent('h3').siblings('h3').next('div.container').slideToggle('active');

    Sollte den trick tun!

    Jedoch, kann ich davon ausgehen, dass Sie immer nur eine aktiv?

    Wenn das der Fall ist, ist dies der einfachste:

    $('.active').removeClass('active').parent('h3').next('div.container').slideUp();

    Hoffe, das hilft 🙂

    edit:

    Besonders geschickt sind, speichern Sie die aktiven als variable. Also auf auf:

    $active = $(this);

    Dann, Nächstes mal, wenn Sie dies tun können, ohne sich jQuery zu gehen, finden Sie das element wieder:

    $active.removeClass('active').parent('h3').next('div.container').slideUp();
$active = $(this);
    Heilige Kuh, Sie Jungs sind genial! So viele nützliche Antworten. Vielen Dank! Oh, und ja: nur wird man immer zu einem Zeitpunkt aktiv sein.
    Ich wollen, Stimme der ihrigen, aber ich brauche 15 Ruf und alle, die ich habe ist 11. Sorry. Wenn ich könnte, daneben zwei Lösungen als "gelöst" würde ich Holen bei dir, so gut für so viele tolle Tipps. Prost!

    InformationsquelleAutor will

  3. 2
    $(".block_header").click(function(){
    $(".block_header span").not($('span', this)).toggleClass("active");
    $(".container").not($(this).next()).slideToggle();
});
    Danke für die Mühe, aber das funktioniert überhaupt nicht.
    Ich aktualisiert meine Antwort. bitte überprüfen
    Dort gehen Sie. Das hat geholfen. Vielen Dank! 🙂

    InformationsquelleAutor The System Restart

  4. 1

    Machen Sie es wie

     $(".block_header").not(this).find("span").toggleClass("collapse","expand");

 $(".container").not(this).not("div.container").slideToggle();
    Dieses set me off in die richtige Richtung. Prost!
    Froh zu wissen, dass es dein problem gelöst hat. Prost!

    InformationsquelleAutor Imdad

Schreibe einen Kommentar