Comment sélectionner cet élément conteneur en jQuery

- Je de la difficulté à sélectionner le cliqué élément conteneur.

Mon 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>

Je veux dire quand je clique sur le lien supprimer correspondant conteneur devraient disparaître. Comment puis-je faire cela?

Ce que j'ai essayé !

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

Mon script

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

Ci-dessus, on est pas non plus de travail. Jetez un oeil à cet Exemple pour obtenir des éclaircissements.

OriginalL'auteur Gowri | 2011-08-18

  1. 6

    Utiliser le parent[API Ref] méthode:

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

    Passant this comme second paramètre à la fonction jQuery ne trouverez pas des éléments qui sont au-dessus de this. Alternativement, vous pouvez utiliser le closest[API Ref] méthode:

    $(this).closest('.cparent').html('Deleting...').delay(1000).fadeOut();
    Supposons que je suis d'avoir d'autres div autour de "Supprimer".par exemple, <div class="cparent"> toto1<div> <a href="javascript:void(0);" class="supprimer">Supprimer</a></div> </div>
    Laquelle aimeriez-vous souhaitez supprimer dans ce cas?
    Si vous avez enveloppé le <a> dans un autre <div>, puis utilisé voulez aller avec la méthode alternative qui utilise le closest méthode. L'exemple ci-dessus.
    merci beaucoup.+1 pour le cabinet. C'est ce que je suis exactement à la recherche de.

    OriginalL'auteur FishBasketGordo

  2. 1

    utilisation closest pour sélectionner le parent immédiat

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

    ici est le violon http://jsfiddle.net/szVKD/10/

    jquery plus proche

    OriginalL'auteur Rafay

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

    violon ici

    OriginalL'auteur Johnny5

  4. 0

    Essayez d'utiliser le parent():

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

    Vous pouvez le constater ici:

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

    OriginalL'auteur Abe Miessler

  5. 0

    L'approche que vous utilisez semble être un peu plus complexe qu'il en a besoin.

    Essayez d'utiliser ce que votre gestionnaire, il est plus précis et plus facile à lire:

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

    OriginalL'auteur beefyhalo