javascript - 如何挑选以特定字符串开头的类

这可能很难解释，但是我需要一种方法来遍历我已经选择的一堆元素，并为每个元素找到以单词“ icon”开头的类。因此，例如，我可能具有以下元素

<div class="button iconStar"></div>
<div class="button iconPlus"></div>
<div class="button iconLeft"></div>
<div class="button iconRight"></div>
<div class="button iconUp"></div>
<div class="button iconDown"></div>

因此，我首先选择元素并遍历它们。

$(".button").each(function(){
    // Some code here

});

现在，我可以将以下代码放入循环...

if ($(this).hasClass("iconStar")){
    $(this).append("<IMG SRC='Images/star.gif'>");

}

然后，我将不得不对每个可能的图标重复该操作，这似乎效率很低。

我想在“每个”循环中做的只是循环遍历$（this）的所有类，并挑选出以ICON开头的类，然后使用它来附加图像。

有人可以帮忙吗？

最佳答案

对于每个元素，获取class属性的值，将其除以''，获取第二部分并调用图像。

从我的头顶

$(".button[class^='button icon']").each(function(el){
classStr = el.className;
classes = classStr.split(' ');
image = 'images/' + classes[1] + '.jpg';
});

语法不完全确定，有点生疏！