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

我有一个有日期输入的表

<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

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

原文地址：https://www.jb51.cc/jquery/182551.html