javascript - 如何使用正则表达式在 javascript 中通过 id 获取元素？

<分区>

我在 symfony 1.4 的应用程序上工作。我有一些像 slider 这样的小部件来改变一些值(value)。我尝试在 javascript 中获取值，我看到它包含在 div 中，并且 div 具有这种 id“professionnal_competence_rayon_competence3_slider_value”。但是数字发生了变化，因为我连接了我数据库中的一个 id。

所以我尝试获取所有包含 id 的 div，就像我的示例不使用正则表达式一样。我使用 querySelectorAll 但它似乎不起作用。但是，如果有人有其他方法可以为我的案例使用正则表达式，我会开放。

这是我尝试与正则表达式一起使用的示例:

var elements2 =  document.querySelectorAll("[id='/professionnal_competence_rayon_competence[0-9]_slider_value/']");
        console.log(elements2);

我希望它很好，但如果你不明白，我可以解释。但是我什么都知道，但我没有找到解决方案。所以有人知道我如何使用正则表达式通过 id 获取一组 div 吗？提前致谢!!

最佳答案

你需要使用

var elements2 = document.querySelectorAll('[id^="professionnal_competence_rayon_competence"]');

这是 属性以选择器开头，这意味着 id 以 professionnal_competence_rayon_competence 开头，您不必在此处检查数字部分。

关于javascript - 如何使用正则表达式在 javascript 中通过 id 获取元素？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/50818338/

上一篇：javascript - 使用 map 触发多个 onClick 事件监听器的嵌套列表

下一篇：可重用的 Javascript 字符串模板

javascript - 捕获输入并转换字符

javascript - 如何在 Edge 中实现基于 AJAX 的长轮询？

javascript - 带有嵌套路由的 Ember.js model- 和 setupController-hook

javascript - jQuery - 如何使用 onClick 事件更改图像和文本？

javascript - 有人可以解释一下这个删除数组中重复值的函数是如何工作的吗？

regex - 用于 mod 重写的递归正则表达式

java - 在Python中解析序列化的Java对象

regex - 如何从 Perl 中的逗号分隔字符串中提取单词？

java - 如何在 Java 中的正则表达式中使用组？