我有一个有日期输入的表
<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>
如何访问所有内容？
解决方法
您可以使用“
attribute starts-with”选择器：
$(function() {
$("input[id^='datepicker']").datepicker({
showButtonPanel: true
});
});
该选择器将匹配id值以“datepicker”开头的任何输入元素。一个替代方案是给所有必需的元素一个普通的类。
您还可以使用逗号分隔列表，通过ID选择多个元素：
$("#datepicker0,#datepicker1,#datepicker2"); //List as many as necessary
但是，如果您需要添加更多的输入，那么这不是特别可扩展的。
