jQuery 从类数组中查找类名值

Question

我试图找到包含文本 iconGroup 的类名的确切值，并且我能够使用以下方法获取类名数组：

var chosenIconClassArray = $('.selectedGroupIcon').attr('class').split(/\s+/);
console.log(chosenIconClassArray);
$.each(chosenIconClassArray, function(index, item) {
    console.log(item);
});

这给出了控制台输出：

["createAGroupIconList", "inlinelist", "ram", "left", "iconGroup20", "selectedGroupIcon"]

createAGroupIconList
inlinelist
ram
left
iconGroup20
selectedGroupIcon

我已经尝试了一些方法的这个来找到它是哪个iconGroup，但它不起作用：

if (item ^= 'iconGroup') {
    console.log($(this));
}

目标是能够告诉类数组包含值iconGroup20（或任何数字）例如 1、2、3、4 等），然后我可以将其添加到另一个元素以更新其图标。

我怎样才能搜索该数组，然后找到其中的 iconGroup 类？

Answer 1

您是否正在寻找能够在项目上查找与格式“iconGroup##”匹配的类的东西？如果是这样，请尝试如下操作：

function getIconGroup(class_array) {
  var iconGroup = false;
  $.each(class_array, function(index, item) {
    if item.match(/^iconGroup[0-9]+$/) {
      iconGroup = item;
    }
  });
  return iconGroup;
}

已更新为函数，以便您可以使用 getIconGroup(ChosenIconClassArray)。

Answer 2

JavaScript 有一个 String.indexOf 方法。它将返回您提供的字符串的索引，如果未找到该字符串，则返回 -1。

下面的代码应该会给你你想要的类。

var chosenIconClassArray = $('.selectedGroupIcon').attr('class').split(/\s+/),
    foundClass;
$.each(chosenIconClassArray, function(index, item) {
    if (item.indexOf('iconGroup') > -1) {
        foundClass = item;
    }
});

变量 foundClass 应包含完整的类。