Un gestionnaire de clic pour plusieurs boutons et arrêter la propagation de l'événement jusqu'au parent?

Question

Je génère un tas d'éléments "li" à la suite d'un appel ajax. Ils ressemblent:

<li> 
    <p>Hello result 1</p> 
    <button>remove</button> 
</li>  
<li> 
    <p>Hello result 2</p> 
    <button>remove</button> 
</li> 
... 

puis-je créer un seul gestionnaire de clic qui sera appelé lorsque l'un des éléments « li » item « bouton » obtient vous cliquez dessus, et arrêtera également la propagation de l'événement, cliquez jusqu'à la " li "parent? Quelque chose comme:

function btnClicked() { 
    var liItem = this.parent; // ideally is the <li> whose button was clicked. 
    return true; // don't let click event go up to <li> parent? 
} 

----------------- Modifier ---------------------

En outre, je ne suis pas sûr si je vais utiliser l'élément de bouton, pourrait utiliser un div cliquable comme un bouton à la place - les mêmes techniques devraient fonctionner pour les deux, non?

Merci

Answer 1

$('li').click(function(event) { 
//do something 
event.stopPropagation() 
}); 

Cela fonctionne dans jQuery. Vous voudrez changer le li pour ne sélectionner que les li articles que vous voulez.