jQuery $(this).finden Sie nicht arbeiten

Mache ich ein Akkordeon mit einer langen Liste von Artikeln.

Habe ich die jQuery arbeiten, wenn ich mit der folgenden, nur wird es slideUp/Down jeden Artikel auf der Seite:

$('article a').click(function() {
    $('article').find('h3').slideToggle('fast');
});

In der Theorie sollte das funktionieren, aber es nicht tun:

$('article a').click(function() {
    $(this).find('h3').slideToggle('fast');
});

Sehen Sie eine demo hier: http://jsfiddle.net/CfqGG/

Wohin gehe ich falsch?

InformationsquelleAutor theorise | 2011-02-17
  1. 16

    In der Theorie sollte nicht Arbeit, weil in Ihr click-Ereignis this bezieht sich auf die <a>, nicht die <article>, weil Ihre click-Ereignis gebunden ist <a>.

    Versuchen Sie dies:

    $('article a').click(function() {
    $(this).parent().find('h3').slideToggle('fast');
});
    InformationsquelleAutor BoltClock
  2. 7
    $(this).siblings('h3').slideToggle('fast');

    this bezieht sich auf die a element, und find sucht ein element in seiner descendants. h3 ist nicht ein Abkömmling, sondern ein Geschwisterchen.

    InformationsquelleAutor Gidon
  3. 3

    Diese benötigen Sie:

    $('article a').click(function() {
    $(this).closest('article').find('h3').slideToggle('fast');
});

    Überprüfen Sie heraus die DEMO

    InformationsquelleAutor Sarfraz
  4. 1

    In Ihrem code $('article a') und anschließend $(this) ist der Blick ins innere des Ankers.

    InformationsquelleAutor TNC
  5. 1

    Hier ist der code-updates, check it out, Sie müssen angeben, mit dem Ihre Schwester cheers

    $(document).ready(function() {    
    //hides articles
    $('article h3').hide();  
    //article accordian
    $('article a').click(function() {
        $(this).siblings('h3').slideToggle('fast');
    });
});
    InformationsquelleAutor user2514927
Schreibe einen Kommentar