使用ID的一部分查找元素

Nowiko

我有divid的this_div_id_NUMBER,所有部分div都有不同的NUMBER部分。我如何找到所有div仅使用this_div_idID的一部分?

丹达维斯

您可以使用querySelectorAll命中部分属性,包括ID:

document.querySelectorAll("[id^='this_div_id']")

等号旁边的^表示“开头为”,您可以改用*,但容易出现假阳性。

您还希望确保在attrib选择器中的comapare值周围使用引号(或撇号),以实现对querySelectorAll的最大兼容性;在jQuery和常绿浏览器中没关系,但在旧浏览器的香草中却很重要。

编辑:后期需求需要一个更具体的选择器:

document.querySelectorAll("[id^='this_div_id']:not([id$='_test_field'])");

not()段可防止匹配以“ _test_field”结尾的任何内容。


概念验证/演示:http : //pagedemos.com/partialmatch/

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章