manejador Delegado y niños interiores clic

Question

Tengo el siguiente:

<ul id ='foo'> 
    <li><p>hello</p></li> 
    <li><p>hello</p></li> 
    <li><p>hello</p></li> 
</ul> 

$('#foo').delegate('li', 'click', function(event) { 
    var target = $(event.target); 
    console.log(target); 
}); 

el controlador de clic se llama cada vez que uno de los p elementos interiores consigue hacer clic, así como los elementos li padres.

¿Cómo puedo obtener un puntero al elemento padre li, independientemente de qué elemento secundario interno se hizo clic? Por ejemplo, mis elementos reales li ven como:

<li> 
    <p>one</p> 
    <div> 
    <p>two</p> 
    </div> 
</li> 

así que estoy encontrando que tengo que tener varios controles para volver a la li padre que se hizo clic. ¿Hay una manera de simplemente seleccionar el padre de un tipo como:

$('#foo').delegate('li', 'click', function(event) { 
    var target = $(event.target).('li'); 
    console.log(target); // will always be parent li element itself? 
}); 

Gracias

Answer 1

En el controlador, this se referirá al elemento li.

$('#foo').delegate('li', 'click', function(event) { 
    var target = $(this); 
    console.log(target); // will always be parent li element itself? 
}); 

Answer 2

var target = $ (esto) debería ser de una sola manera - así es como lo hago normalmente. $ (event.target) .parents ("li") sería otro, pero podría recoger más de lo que esperaba.