jQuery 循环遍历带有类后缀的元素答案

【问题标题】：jQuery loop through elements with class suffixjQuery 循环遍历带有类后缀的元素
【发布时间】：2014-10-20 05:42:27
【问题描述】：

我在 joomla 3.0 网站中有一个名为 fadecontent 的类后缀，我必须使用 $.each() 函数遍历所有具有该类后缀的 div。

我尝试了this，但它似乎不适用于 suffixes 类。 joomla docs: class suffix

$('.fadecontent').each(function(i, obj) {

带有类后缀的意思是：

<div class="class classSuffix">exemple</div>
<!--example in my code-->
<div class="moduletable fadecontent">content</div>

如何存档？

编辑：脚本在<HEAD>标签中

【问题讨论】：

您对 suffix 的使用不明确。你的意思是你只想匹配一个类的 part 吗？否则，使用您提供的代码，$(".fadecontent") 应该与您要查找的元素匹配。
这个问题措辞不佳，但我认为它是重复的？ stackoverflow.com/questions/2220851/…
你还记得document.ready，包括jQuery等，因为你所拥有的应该可以正常工作-> jsfiddle.net/uv20hkry
$('.fadecontent') 应该选择<div class="moduletable fadecontent">content</div>。问题出在其他地方。可能缺少$(document).ready()。
@Jojo，从您发布的链接来看，您似乎想要匹配一个类的实际后缀（在词源意义上）。 filter() 与this.className 进行正则表达式匹配。环顾四周，网上可能有很多关于这个问题的资料。

【解决方案1】：

我不确定我理解你所说的类后缀是什么意思。在你的例子中

<div class="moduletable fadecontent">content</div>

该 div 具有类 moduletable 和 fadecontent。所以这应该循环遍历所有带有fadecontent类的div

$('.fadecontent').each(function() { console.log('Do Something here'); });

如果这不能满足您的要求，您能否发布更多代码，以便我们可以看到任何其他错误？

【讨论】：

【解决方案2】：

如果您使用 JQuery 的特殊选择器，例如：

$('[class$="yoursuffix"]')

它应该返回其类包含您的后缀模式的元素。你可以阅读更多关于这个here

【讨论】：