2011-03-29 16 views
36

हाय Stackoverflow समुदाय से आईडी प्राप्तjQuery:, वर्ग चयनकर्ता

कठिन समझाने के लिए लेकिन ...

वहाँ किसी भी तरह से है कि मैं

<a href="#" class="test" id="test_1">Some text</a> 
<a href="#" class="test" id="test_2">Some text</a> 
<a href="#" class="test" id="test_3">Some text</a> 
की तरह कुछ से एक तत्व की आईडी प्राप्त कर सकते है

और फिर मैं बाँध

$ ('। परीक्षण')

तो जब मैं तत्वों में से किसी एक पर क्लिक करता हूं तो मुझे आईडी वापस मिलती है?

मुझे बताएं कि मुझे आगे की व्याख्या करने की आवश्यकता है या नहीं।

धन्यवाद बहुत उन्नत है।

उत्तर

71

रवींद्र .. अगर मैं तुम्हें सही मिलता है, यह सरल होना चाहिए के रूप में:

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

आप कर सकते हैं बस पहुँचआईडी संपत्ति underlaying डोम नोड से अधिक, ईवेंट हैंडलर के भीतर ।

+1

पीएस: मैंने भी संयुक्त किया और मेरा मुद्दा हल किया :) –

34

jquery में "attr" विधि का उपयोग करें।

$('.test').click(function(){ 
    var id = $(this).attr('id'); 
}); 
+1

अंतर्निहित प्रश्न: एक बार जब आपको 'यह' मिल गया है, तो आपको वास्तव में आईडी आईडी की आवश्यकता नहीं है, मानते हुए कि ओपी तत्व द्वारा आईडी के बजाय तत्व को अपनी आईडी द्वारा ढूंढने का प्रयास कर रहा है ... – Kobi

+0

सही। हालांकि, वह आईडी का नाम प्रदर्शित करना चाहता है। – benck

+0

मैं दोनों के साथ सहमत हूं, यह सब आपके विशेष कार्य पर निर्भर करता है! :) –

6

जब आप एक क्लिक करें घटना जोड़ने के लिए, this तत्व यह है कि क्लिक किया गया है देता है। तो आप बस this.id का उपयोग कर सकते हैं;

$(".test").click(function(){ 
    alert(this.id); 
}); 

उदाहरण: http://jsfiddle.net/jonathon/rfbrp/

2
$(".class").click(function(){ 
    alert($(this).attr('id')); 
}); 

हम इस वर्ग वहाँ लिखा जाना चाहिए jQuery 1.6, तो आप कर सकते थे के रूप में

2

(और कुछ ऐसा करना चाहिए कहते हैं) का उपयोग कर सकते हैं पर क्लिक करके केवल jQuery बटन पर .prop के बजाय। attr

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

यह इस पोस्ट में आगे चर्चा की है: .prop() vs .attr()

0

इस उदाहरण से कुछ भी नहीं है, मेरे लिए काम करता

for (var i = 0; i < res.results.length; i++) { 
     $('#list_tags').append('<li class="dd-item" id="'+ res.results[i].id + '"><div class="dd-handle root-group">' + res.results[i].name + '</div></li>'); 
} 

    $('.dd-item').click(function() { 
    console.log($(this).attr('id')); 
    }); 
1

सावधान रहें यदि आप वसा तीर कार्यों का उपयोग के रूप में आप इस के लिए अपरिभाषित मिल जाएगा .id आज 10 मिनट बर्बाद कर रहा था कि

+0

वसा तीर कार्य क्या है? –

+1

https://developer.mozilla.org/en/docs/Web/JavaScript/Guide/Functions#Arrow_functions – nasoj1100

+0

धन्यवाद दोस्त! अत्यधिक सराहनीय! –

संबंधित मुद्दे