jQuery में वर्तमान तत्व आईडी का पता लगाने के लिए कैसे?

Question

मैं कुछ HTML कोड है:

<input type="button" id="btn1" class="myButton" value="Button 1"/> 
<input type="button" id="btn2" class="myButton" value="Button 2"/> 

मैं एक jQuery समारोह जब भी उपयोगकर्ता प्रत्येक बटन पर क्लिक करें चलाने की आवश्यकता है, और मैं अपने वर्ग का उपयोग कर इसे क्या करना है।

$('.myButton').click(function() { 
    // do something 
}); 

लेकिन मुझे क्या करना चाहिए, वर्तमान तत्व आईडी पर निर्भर करता है।

मेरा सवाल यह है कि मैं यह कैसे पहचान सकता हूं कि इस कार्य को किस तत्व कहा जाता है? मुझे इसकी आईडी जाननी है।

Answer 1

वर्तमान तत्व का उपयोग करने के लिए आप this का उपयोग कर सकते हैं और फिर this.id आपको वर्तमान तत्व के id प्रदान करेगा। this पर

$('.myButton').click(function() { 

    if (this.id === "btn1") { 
     ... 
    }  

}); 

Answer 2

ईवेंट हैंडलर में this तत्व क्लिक किए गए है। आप क्लिक किए गए तत्व की आईडी प्राप्त करने के लिए केवल attr() विधि का उपयोग कर सकते हैं क्योंकि आप .myButton क्लास के साथ प्रत्येक तत्व पर एक क्लिक कॉलबैक बांधते हैं। इस तरह से आप थोड़ा अधिक लचीले होते हैं साथ

$('.myButton').click(function() { 
    alert($(this).attr('id')); 
}); 

:

Answer 3

देखो:

$('.myButton').click(function() { 
    alert(this.id); 
}); 

Answer 4

आप jQuery संदर्भ में रखना चाहते हैं, तो आप इस स्निपेट का उपयोग कर सकते हैं।

Answer 5

jQuery के साथ मैं इस काम के पाया:

$(this).prop('id')