So wählen Sie das container-element in jQuery

Ich Probleme beim auswählen des aktuell angeklickten container-element.

Meine Html -

<div class="cparent">
foo1
<a href="javascript:void(0);" class="delete">Delete</a>
</div>

<div class="cparent">
foo2
<a href="javascript:void(0);" class="delete">Delete</a>
</div>

Ich meine, wenn ich auf den link löschen, entsprechende container verschwinden sollte. Wie kann ich dies tun?

Was ich versucht habe !

$(".cparent",this).html('Deleting...').delay(1000).fadeOut();//not working

Mein Skript

$(".delete").live("click",function(){
 var cur = $(".delete").index(this);
 $(".cparent").eq(cur).html('Deleting...').delay(1000).fadeOut();
 });

Oben ist man auch nicht arbeiten. Haben Sie einen Blick auf dieses Beispiel für die Klarstellung.

InformationsquelleAutor Gowri | 2011-08-18

  1. 6

    Verwenden Sie die parent[API Ref] Methode:

    $(this).parent().html('Deleting...').delay(1000).fadeOut();

    Vorbei this als der zweite parameter der jQuery-Funktion nicht finden Elemente, die oben this. Alternativ können Sie die closest[API Ref] Methode:

    $(this).closest('.cparent').html('Deleting...').delay(1000).fadeOut();
    Angenommen, ich bin mit zusätzlichen div um den "Löschen".zum Beispiel <div class="cparent"> foo1<div> <a href="javascript:void(0);" class="löschen" - >Gelöscht</a></div> </div>
    Was würden Sie löschen möchten, in diesem Fall?
    Wenn Sie wickelte die <a> in einem anderen <div> und dann mit zu gehen, die alternative Methode verwendet, die closest Methode. Beispiel oben.
    Sie so viel.+1 für Schrank. Das ist, was ich genau Suche.

    InformationsquelleAutor FishBasketGordo

  2. 1

    verwenden closest zu wählen, der unmittelbar übergeordneten

    $(".delete").live("click",function(){
 var cur = $(this);
 cur.closest("div.cparent").html('Deleting...').delay(1000).fadeOut();
 });

    hier ist die Geige http://jsfiddle.net/szVKD/10/

    jquery nächsten

    InformationsquelleAutor Rafay

  3. 0
    $('div.cparent').click (function (e)
{
    if ($(e.target).attr ('class') == 'delete')
    {
        $(this).html('Deleting...').delay(1000).fadeOut();
    }
}
);

    fiddle hier

    InformationsquelleAutor Johnny5

  4. 0

    Versuchen, mit den parent():

    $(this).parent().html('Deleting...').delay(1000).fadeOut();

    Können Sie sehen, es arbeiten hier:

    http://jsfiddle.net/gchoken/YFMZW/1/

    InformationsquelleAutor Abe Miessler

  5. 0

    Den Ansatz, den Sie verwenden, zu sein scheint ein wenig komplexer, als es nötig ist.

    Versuchen dies als Ihre handler, es ist genauer und einfacher zu Lesen ist:

    $(this).parent(".cparent").html('Deleting...').delay(1000).fadeOut();

    InformationsquelleAutor beefyhalo

Schreibe einen Kommentar