例如，选择类包含“grap”（或其他指定单词）的 div（或其他元素）答案

【问题标题】：Select div (or other element) that class contains "grap" (o other specified word) for example例如，选择类包含“grap”（或其他指定单词）的 div（或其他元素）
【发布时间】：2011-11-14 18:09:16
【问题描述】：

首先； HTML 代码示例：

<div class"grap1"> some conetent</div>
<div class"grap2"> some conetent</div>
<div class"grap3"> some conetent</div>
<div class"blabla">some content></div>

现在我想选择在某处包含“grap”字的类名的 div（所以在这种情况下是前三个 div）。我怎样才能做到这一点？

这不起作用：http://api.jquery.com/attribute-contains-word-selector/

【问题讨论】：

“属性包含单词”选择器不起作用，因为您的“单词”没有用空格分隔。
这个问题之前有人问过，见stackoverflow.com/questions/4106958/…

标签： jquery class attributes word contains

【解决方案1】：

使用attribute contains selector：

$('div[class*="grap"]')

【讨论】：

【解决方案2】：

根据您的特定用例，您可以尝试使用属性前缀选择器：

var $grapDivs = $('div[class|="grap"]');

从您的示例数据看来，“grap”总是作为类的前缀，所以如果是这种情况，这可能就是您想要的。如果 "grap" 可以出现在类中的任何位置而不是开头，请改用 *=。

【讨论】：

【解决方案3】：

使用“属性包含”选择器：http://api.jquery.com/attribute-contains-selector/
“属性包含单词”选择器不起作用，因为根据文档，它会查找指定属性包含给定单词的元素由空格分隔。

【讨论】：

【解决方案4】：

您想使用“Attribute contains selector”，而不是您链接到的“属性包含 WORD 选择器”。

【讨论】：

【解决方案5】：

您正在寻找的是"attribute contains selector"

在此处查看示例http://jsfiddle.net/CsvUY/

【讨论】：