javascript - 获取给定前缀的完整类名

Question

我正在使用 css 类来定义表行中的分组：

<table>
    <tr class="otherClasses group1">...</tr>
    <tr class="otherClasses group1">...</tr>
    <tr class="otherClasses group2">...</tr>
    <tr class="otherClasses group2">...</tr>
    ...
    <tr class="otherClasses groupN">...</tr>
</table>

现在我需要遍历表中的所有行并获取groupX每一行。然后我将拆分字符串并提取组 ID。groupX在所有tr仅给出group前缀的类中获取类的正确/最佳方法是什么？

Answer 1

您应该能够attribute contains在 jQuery 中使用选择器：

$('tr[class*="group"]')

查看jquery 选择器文档以获取更多信息。您可能需要根据您的具体情况调整该值（例如，在group之前添加一个空格）。

Answer 2

以下将返回一个带有“组”类的数组：

var groupClasses = $(".otherClasses").map(function() {
    return (this.className.match(/group\d+/) || []).pop();
}).get();

或在each()迭代中：

$(".otherClasses").each(function() {
    var groupClass = (this.className.match(/group\d+/) || []).pop();
    // ...
});