प्रतिनिधि हैंडलर और भीतरी बच्चों क्लिक किया

Question

मैं निम्नलिखित है: जब भी भीतरी पी तत्वों में से एक क्लिक किया जाता है

<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); 
}); 

क्लिक हैंडलर कहा जाता हो जाता है, साथ ही माता-पिता ली तत्वों।

मैं मूल तत्व तत्व पर क्लिक किए बिना माता-पिता ली तत्व को पॉइंटर कैसे प्राप्त कर सकता हूं? उदाहरण के लिए, मेरा असली ली तत्वों की तरह लग रहे:

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

तो मैं मैं माता पिता ली क्लिक किए गए करने के लिए वापस पाने के लिए कई जांच के लिए है ढूँढने रहा हूँ।

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

धन्यवाद

Answer 1

हैंडलर में, thisli तत्व का उल्लेख होगा: वहाँ एक रास्ता सिर्फ एक प्रकार की तरह की मूल चयन करने के लिए है।

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

Answer 2

वर लक्ष्य = $ (this) एक तरह से होना चाहिए - कि कैसे मैं आमतौर पर यह करना है। $ (event.target)। माता-पिता ("li") एक और होगा, लेकिन आप अपेक्षा से अधिक उठा सकते हैं।