jQuery अनेक आईडी एक ही समारोह

Question

मैं एक तारीख इनपुट

<td style="background-color:#c6efce"><input type="text" id="datepicker0"></td> 
<td style="background-color:#c6efce"><input type="text" id="datepicker1"></td> 
<td style="background-color:#c6efce"><input type="text" id="datepicker2"></td> 
<td style="background-color:#c6efce"><input type="text" id="datepicker3"></td> 
<td style="background-color:#c6efce"><input type="text" id="datepicker4"></td> 

है कि एक मेज मैं पहली बार एक

<script> 
    $(function() { 
     $("#datepicker0").datepicker({ 
      showButtonPanel: true 
     }); 
    }); 
    </script> 

मैं सब कुछ कैसे पहुँच सकता हूँ के लिए के माध्यम से इसे उपयोग करने में कोशिश कर रहा हूँ है?

Answer 1

आप "attribute starts-with" का भी उपयोग कर सकता है:

$(function() { 
    $("input[id^='datepicker']").datepicker({ 
     showButtonPanel: true 
    }); 
}); 

कि चयनकर्ता किसी भी input तत्व जिसका id मूल्य "datepicker" के साथ शुरू होता भरपाई कर देंगे। एक विकल्प सभी आवश्यक तत्वों को एक सामान्य वर्ग देना होगा।

तुम भी एक अल्पविराम द्वारा पृथक सूची का उपयोग कर id द्वारा एक से अधिक तत्वों का चयन कर सकते हैं:

$("#datepicker0, #datepicker1, #datepicker2"); //List as many as necessary 

लेकिन वह विशेष रूप से स्केलेबल अगर आप कभी भी और अधिक आदानों जोड़ने की जरूरत नहीं है।

Answer 2

सबसे अच्छा तरीका है एक वर्ग का उपयोग करने के लिए है:

<td style="background-color:#c6efce"><input type="text" class="dp" id="datepicker0"></td> 
<td style="background-color:#c6efce"><input type="text" class="dp" id="datepicker1"></td> 
<td style="background-color:#c6efce"><input type="text" class="dp" id="datepicker2"></td> 
<td style="background-color:#c6efce"><input type="text" class="dp" id="datepicker3"></td> 
<td style="background-color:#c6efce"><input type="text" class="dp" id="datepicker4"></td> 
<script> 
    $(function() { 
     $(".dp").each(function(){ 
      $(this).datepicker({ 
       showButtonPanel: true 
      }); 
     }) 
    }); 
</script> 

लेकिन आप यह भी इस का उपयोग कर सकते हैं:

<td style="background-color:#c6efce"><input type="text" id="datepicker0"></td> 
<td style="background-color:#c6efce"><input type="text" id="datepicker1"></td> 
<td style="background-color:#c6efce"><input type="text" id="datepicker2"></td> 
<td style="background-color:#c6efce"><input type="text" id="datepicker3"></td> 
<td style="background-color:#c6efce"><input type="text" id="datepicker4"></td> 

<script> 
    $(function() { 
     $("#datepicker0,#datepicker1,#datepicker2,#datepicker3,#datepicker4").datepicker({ 
      showButtonPanel: true 
     }); 
    }); 
</script> 

दूसरा दृष्टिकोण की सलाह नहीं दी है।

Answer 3

आईडी के बजाय, आपको has-datepicker जैसे कुछ सीएसएस वर्ग का उपयोग करना चाहिए और इसके लिए खोज करना चाहिए।

Answer 4

जैसा कि मैं आपका प्रश्न समझता हूं, आप jQuery का उपयोग करके एकाधिक आईडी चुनने का प्रयास कर रहे हैं। यहां बताया गया है कि आप यह कैसे करते हैं:

$('#1,#2,#3') 

आप बस अल्पविरामों द्वारा आईडी को अलग करते हैं।

लेकिन, यह इसे पूरा करने का सबसे अच्छा तरीका नहीं है। आप वास्तव में एक वर्ग का उपयोग करना चाहिए: निरुपित प्रत्येक td एक वर्ग और उपयोग:

$('td.myClass') 

वैकल्पिक रूप से, आप तालिका को एक ID निर्दिष्ट और उसके td बच्चों का चयन कर सकते हैं। HTML:

<table id="myTable"> 
    <td>text</td> 
    <td>text</td> 
</table> 

jQuery:

$('table#myTable td') 

Answer 5

jQuery यूआई स्वचालित रूप से सभी तत्वों को एक दिनांक पिकर है कि करने के लिए "hasDatePicker" वर्ग कहते हैं। आप सभी दिनांक पिकर्स प्राप्त करने के लिए $ ("input.hasDatePicker") जैसे कुछ के लिए पृष्ठ से पूछ सकते हैं।

Answer 6

आप इस रूप में अच्छी तरह $('#datepicker0,#datepicker1,#datepicker2,#datepicker3,#datepicker4)