comment obtenir les données d'attribut de l'élément parent, même si l'enfant de l'élément est cliqué

Je vais essayer d'obtenir les données d'attribut d'une balise div lorsque l'utilisateur clique dessus dans épine Dorsale des événements(Vue).

Je suis capable d'y arriver si je clique sur la div listItem mais si j'étais à cliquer sur l'élément enfant span elle échoue en raison $(e.target) sera la durée.

Alors, comment puis-je obtenir les données d'attribut de l'élément parent, même si l'enfant de l'élément est cliqué?

<div class="listItem" data-showInfo="true">
    <span class="arrow"></span>
</div>

events:{
  "click .listItem": function(e) {

    var $listItem= $(e.target);

    console.log($listItem.data('showInfo'));
  }
}
est votre div.listItem dans le champ d'application de l'épine Dorsale de la Vue el ? Juste pour obtenir plus de clarté.

OriginalL'auteur manraj82 | 2013-04-10

  1. 7

    Utilisation event.currentTarget au lieu de event.target, il sera fixé à la .listItem sélecteur indépendamment du nœud DOM vous cliquez sur

    var V = Backbone.View.extend({
    events: {
        'click .listItem' : function(e) {
            console.log($(e.currentTarget).data('showinfo'));
        }
    }
});

    Et une démo http://jsfiddle.net/nikoshr/QyP3Z/

    OriginalL'auteur nikoshr

  2. 6

    Vous pouvez le faire comme ceci:

    $('.arrow').click(function(){
alert($(this).parent().attr('data-showInfo'));
});

    Votre exemple est dans ce JSFiddle

    OriginalL'auteur Debopam Mitra

  3. 2
    events:{    
    "click .arrow": function(){
        console.log($(this).parent('.listItem').attr('data-showInfo'));
    };
}

    OriginalL'auteur Venkat Kotra