2012-05-13 17 views
14
$('#button').click(function() { 
    alert($('.column').val()); 
}); 

.column में मुझे पहला, दूसरा, या तीसरा तत्व कैसे प्राप्त हो सकता है?JQuery सरणी का nth तत्व

+0

आप पहले, दूसरे या तीसरे अर्थ तीन में से किसी करना चाहते हैं? या आप उन सभी को चाहते हैं? और क्या आप कक्षा '। स्तंभ' के साथ तीन तत्वों का जिक्र कर रहे हैं, या तीन तत्व * * माता-पिता '.column' तत्व के भीतर? – Sampson

उत्तर

26
$('#button').click(function() { 
    alert($('.column').eq(0).val()); // first element 
    alert($('.column').eq(1).val()); // second 
    alert($('.column').eq(2).val()); // third 
}); 
3

स्लाइस() फ़ंक्शन का उपयोग करें: http://api.jquery.com/slice/

देखें प्रश्न: How to select a range of elements in jQuery

$('.column').slice(0, 2).each(function() { 
    $(this).val(); /* my value */ 
}); 
+0

स्लाइस यह कर सकता है, लेकिन यह फ़ंक्शन इंडेक्स पर रेंज चुनने के लिए वास्तव में आदर्श है। निश्चित रूप से एक एकल सूचकांक चुनने के लिए एक समारोह इष्टतम है? – Norse

+0

आपका मतलब nth-child या eq() जैसा है? आपने कहा था कि आप पहले 3 चाहते थे, शायद मुझे गलत समझा लेकिन यह सूचकांक की एक श्रृंखला की परिभाषा प्रतीत होता है? – Jeff

6

मैं चयनकर्ता तार की तरह है, तो मैं आमतौर पर ऐसा करते हैं:

$('.column:eq(3)') // Fourth .column element 
+1

मुझे पूरी तरह से स्टाइल के लिए पसंद है लेकिन यह ध्यान दिया जाना चाहिए कि jQuery दस्तावेज़ आधुनिक ब्राउज़र पर प्रदर्शन के लिए .eq() से अधिक: eq() की सिफारिश करते हैं: http://api.jquery.com/eq-selector/ – Jeff

1

आप 01 का उपयोग कर सकते हैं(से कम) चयनकर्ता और यह बताने के सूचकांक 3 से नीचे के सभी .column तत्वों को दर्शाते हुए आप 0, 1, and 2 हैं:

$("#button").on("click", function(){ 
    $(".column:lt(3)").each(function(){ 
    alert(this.value); 
    }); 
}); 

डेमो: http://jsbin.com/icevih/edit#javascript,html

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