jQuery: * केवल * इस तत्व

Question

ऊपर उच्च कलात्मक ड्राइंग में, हरे वर्ग गुलाबी एक का एक बच्चा है पर क्लिक करें। गुलाबी एक मेरे काम से हरे रंग के चारों ओर लपेटा जाता है, इसलिए हरा वर्ग कुछ भी हो सकता है - एक हाइपरलिंक, एक छवि, बटन, आदि

मैं केवल गुलाबी div पर एक क्लिक कैप्चर करना चाहता हूं अगर यह ' हरे तत्व पर भी क्लिक करें।

यह हरे रंग के वर्ग पर माउसएन्टर का उपयोग करके एक बूलियन फ़्लिप करके किया जा सकता है, लेकिन यह मेरे लिए ऐसा करने का एक गन्दा तरीका लगता है।

कोई सुराग?

महत्वपूर्ण संपादन: मैं हरे रंग के वर्ग के साथ गड़बड़ नहीं कर सकता, इसलिए क्लिक ईवेंट में कुछ भी नहीं जोड़ रहा है।

Answer 1

आप ऐसा कर सकते हैं:

$('.pink-box-selector').click(function(e) { 
    if ($(e.target).is('.pink-box-selector')) { 
     // do stuff here 
    } 
}); 

Answer 2

$("#div_id :not('#excluded_element')).click(); मदद करेंगे? http://api.jquery.com/not-selector/

Answer 3

सेटअप तत्व "हरी" के लिए एक अलग क्लिक करें घटना श्रोता और यह event.preventDefault()

Answer 4

दो विकल्प। आप पहले या तो जांच सकते हैं कि लक्ष्य हरा div है या नहीं।

$('#pinkdiv').click(function(e) { 
    if ($(e.target).is('#greendiv')) return; 
    // handle the event 
}); 

या आप सामान्य रूप से गुलाबी div के लिए क्लिक हैंडलर लिख सकते हैं और प्रचार से हरी div पर क्लिक करता है रोक सकता है।

$('#greendiv').click(function(e) { 
    e.stopPropagation(); 
}); 

Answer 5

http://jsfiddle.net/rlemon/d8qVp/

$("#pink").click(function(){ 
    if(!$("#green").is(":hover")) { 
     alert('here'); 
    } 
});