javascript - 具有动态类名的 document.querySelector

Question

我有一个包含 3 个类的 div，第三个类(动态)发生变化

<div class="one two dynamic">test</div>

我需要选择类名为“一”、“二”的元素，并且有第三个元素任何名字的类名。

我试过使用 document.querySelector('.one.two.*') - 注意 *

任何建议

编辑:实际上有 5 个类，第三个(动态)是动态生成的。抱歉，我本来应该说的，因为我很欣赏这会使问题复杂化...

Answer 1

您可以:

1. 使用 querySelectorAll 获取类为 one 和 two 的所有元素。
2. 借用 filter 来创建一个数组，其中仅包含恰好具有 3 个类的数组。
3. 获取该数组中的第一个元素。

[].filter.call(document.querySelectorAll('.one.two'), function(el) {
  return el.classList.length == 3;
})[0];

[].filter.call(document.querySelectorAll('.one.two'), function(el) {
  return el.classList.length == 3;
})[0].style.background = 'orange';

<p class="one two">one two</p>
<p class="one two three four">one two three four</p>
<p class="one two three">one two three</p>
<p class="one two three">one two three</p>