javascript - 一次使用带有相关类 div12 div31 的 jquery 在 dom 解析器上进行选择

Question

感谢您阅读我的帖子。。

只需考虑以下 html 架构的场景。

<div class="wrapper">
    <div class="doubt-123232" id="value"></div>
    <div class="question></div>
    <div class="doubt-232323" id="query"></div>
</div>

在上面的 DOM 中，如果您需要一次选择以doubt-*****（包括doubt-123232, doubt-232323）开头的类并使用 jQuery 进行处理。

我们可以逐个选择每个类并进行处理，但是在我的页面中我有很多这样的。我不能为每个班级选择并进行处理，然后它就变成了一个微不足道的过程。

有没有办法在 jQuery 中同时选择相似的类或 id 进行处理？

谢谢。

Answer 1

尝试这样的事情：

$("[class^=doubt-]").each(function(){ //do some staff  }); 

Answer 2

是的，您可以使用Attribute Starts WithSelector 执行此操作：

var divs = $('div[class^="doubt-"]');

Answer 3

全部选择：

var doubts= $('[class^="doubt-"]');

然后你访问它们：

doubts.each(function(index){
    this. ... // and so on
});

Answer 4

您可以使用：

var items = $('div[class^=doubt]');

这被称为“开始于”选择器。

或者，您可以使用：

var items = $('div[class*=doubt]');

这是“包含”选择器。

请注意，在这种情况下，doubt是一个单词。如果有多个单词之间有空格，则应在它们周围加上引号。不需要引用单个单词。

有关“开始于”选择器的文档，请参见此处。

Answer 5

您可以使用Attribute Starts With Selector [name^="value"]

var divs = $('div[class^="doubt-"]');