javascript - 如何将Jquery应用于文本框、CssClass而不是Jquery、Bootstrap中的ID

Question

我正在使用一个 JQuery 插件，通过单击该文本框，该插件可以为我提供带有时间选择的日历，该插件使用起来非常灵活。

下面是我引用的使用此插件的代码。

   <link href="DateTimePicker/jquery.datetimepicker.css" rel="stylesheet" type="text/css" />
    <script src="DateTimePicker/jquery.js" type="text/javascript"></script>
    <script src="DateTimePicker/jquery.datetimepicker.full.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {

            $('#datetimepicker_mask').datetimepicker({
                mask: '9999/19/39 29:59'
            });

        });
    </script>
<h3>Mask DateTimePicker</h3>

<input type="text" value="" id="datetimepicker_mask"/><br><br>

上面的代码对于单个文本框来说效果很好。

但是我必须将此插件用于多个文本框，因此只有当该插件按类而不是 Id 获取时我才能使用它。

所以我没有得到必须在 Jquery 中进行哪些更改才能实现该任务。有很多 Jquery 和 Css 都依赖于此。

任何人都可以帮助我吗？

Answer 1

JQuery 的选择器与 CSS 选择器非常相似。所以你可以使用 .class 按类进行选择。

在您的示例中，您可以将选择器更改为

$('.datetimepicker_mask')

并在输入上使用类而不是id

<input type="text" value="" class="datetimepicker_mask"/>