jquery - 如何在 jQuery 选择器上应用正则表达式？

Question

我在网上搜索了一下，但没有找到解决我的问题的方法。这是我的选择器:

jQuery('[data-group="' + a + '"]').show()

a 是一个文本，例如 swimming 或任何单词。在 HTML 中，它看起来像这样:

<div data-group="swimming">...</div>

因此，如果 a = Swimming，上面的选择器将显示该 div。现在假设数据组包含单词 simming，但它不是唯一的，如下所示:

<div data-group="swimming,driving,flying">...</div>

如果a =游泳，我如何仍然使用选择器选择该div？我希望你明白我的意思:)。

谢谢!

Answer 1

您可以使用值包含选择器:

jQuery('[data-group*="' + a + '"]').show();

但是甚至会匹配 swimming，因为 a 等于 swim。

如果这很重要，请使用例如过滤它:

jQuery('[data-group]').filter(function(){
    return this.dataset.group.split(',').indexOf(a) != -1
}).show();

如果您也可以更改 HTML 标记，那就更好了:

<div data-group="swimming driving flying">...</div>

然后你可以使用:

jQuery('[data-group~="' + a + '"]').show();