jquery-ui - jquery多个id相同的功能

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
    });
});

该选择器将匹配 id 值以“datepicker”开头的任何 input 元素。另一种方法是为所有必需的元素提供一个公共(public)类。

您还可以使用逗号分隔的列表按 id 选择多个元素:

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

但是，如果您需要添加更多输入，那么这并不是特别可扩展。