JQuery:如何编写选择器来查找以给定子字符串结尾的类的元素？

Question

我的 Web 应用程序使用 JQuery。我不知道如何针对这种情况编写选择器。

<a class="abc def xyz-delete-confirm efg">text</a>

<a class="abc def delete-confirm">text</a>

我需要查找所有具有以“-delete-confirm”结尾的类或具有名为“delete-confirm”的类的链接。

我知道如何处理名为“delete-confirm”的类的情况。 “-删除-确认情况”怎么样？我可以用一个选择器来涵盖两种情况吗？

感谢您的任何意见!

问候。

Answer 1

你可以像这样组合它们。

var $allofthem = $('[class$="-delete-confirm"],.delete-confirm');

请注意，因为这只是一个以选择器结尾的属性值，如果类名出现在元素的类列表的末尾并以 -delete-confirm 结尾，则只会考虑过

使用结尾选择器和类选择器的组合。

对于纯选择，您可以执行此操作(无论它出现在 classList 中的位置或它有多少个类):

var regExp = /-delete-confirm(\s|$)/; //I am sure regex can be improved

var $allofthem = $('a').filter(function(){
    return regExp.test(this.className) || $(this).is('.delete-confirm');
});

<强> Demo