使用 jquery 多选择器属性动态选择元素

【问题标题】：Dynamically selecting elements using jquery mulitple selector attribute使用 jquery 多选择器属性动态选择元素
【发布时间】：2017-10-04 11:28:47
【问题描述】：

在this post 之后，我正在尝试在ID 以id_phone- 开头并以-value 结束的所有动态元素上绑定keydow 事件处理程序。例如，id_phone-3-value 应该算术，而id-phone-3-value 不应该。

为了实现这一点，我尝试了以下代码：

$(document).on('keydown', '[id^=id_phone-_][id$=_-value]', function(){
   console.log('test');
});

...不幸的是，这对我不起作用。我在这里做错了什么？

【问题讨论】：

标签： jquery

【解决方案1】：

问题在于您的选择器中的_。您的选择器将匹配 id_phone-_3_-value 之类的内容，但您要匹配的 ID 的数字周围没有下划线。

$(document).on('keydown', '[id^=id_phone-][id$=-value]', function(){
   console.log('test');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
This should trigger: <input id="id_phone-3-value" type="text"><br>
This should not trigger: <input id="id-phone-3-value" type="text">

【讨论】：