javascript - querySelector() 组合多个属性选择器

标签 javascript selectors-api

我有一个具有以下格式类的输入字段:

some_starting_constant_string somevariablestring some_ending_constant_string

所以我想要一个使用开头和结尾组合的查询选择器:

document.querySelectorAll("input[class^='some_starting_constant_string' AND class$='some_ending_constant_string']

这可能吗?组合开始于和结束于规则?

最佳答案

您只需分隔两个属性选择器:

输入[class^='some_starting_constant_string'][class$='some_ending_constant_string']

console.log(
  document.querySelectorAll("[class*='start'][class$='end']")
)
<div class="start__end"></div>
<div class="start_heretoo_end"></div>
<div class="sta__end"></div>
<div class="rt__end"></div>
<div class="start__d"></div>

关于javascript - querySelector() 组合多个属性选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41845884/

相关文章:

javascript - 发送隐藏输入字段值返回 null

javascript - 如何在 javascript 悬停中创建颜色键?

javascript - IE9 相当于 querySelectorAll

javascript - 通过 JavaScript 更改 CSS 伪元素样式

javascript - 为什么 querySelector ('#id' ) 不映射到 document.getElementById ('id' )?

javascript - 在 VisNetwork Igraph 中为顶点添加颜色

javascript - 通过php显示javascript内容

javascript - Promise 总是返回初始值

javascript - 忽略 querySelectorAll 中的区分大小写

javascript - 在 querySelectorAll() 中使用冒号