Question

我想知道是否有某种方法可以对所有以“ At”结尾的id进行规则处理，从而自动选择从datemonth_startAt到medicines_startAt的所有日期时间输入id，从而使我们的网站更具自主性选择，然后减少我们写的代码。

<script>
    $("#monthly_startAt").datepicker({
        inline: true
    })

    $("#daily_endAt").datepicker({
        inline: true
    })

    $("#monthlyo_paidAt").datepicker({
        inline: true
    })
</script>

仅显示一行，例如

<script>
    $(allHowEndWith -> "#At").datepicker({
        inline: true
    })
</script>

Answer 1

您可以使用选择器"[attribute$='value']"，因为它会选择具有指定属性id的元素（在您的情况下，其值恰好以给定字符串结尾）。另外请注意，比较是区分大小写的。

$("[id$='At']").datepicker({
  ...
});

下面是一个简单的示例，用于说明选择器中end的工作方式：

$("[id$='At']").css('color', 'red');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='monthly_startAt'>monthly_startAt</div>
<div id='monthly_endAt'>monthly_endAt</div>
<div id='monthly_paidAt'>monthly_paidAt</div>
<div id='random1'>random 1</div>
<div id='random2'>random 2</div>

我如何创建一个规则，使所有id都以“ At”结尾

1 个答案: