我的 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”的类的情况。 “-删除-确认情况”怎么样?我可以用一个选择器来涵盖两种情况吗?
感谢您的任何意见!
问候。
最佳答案
你可以像这样组合它们。
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
关于JQuery:如何编写选择器来查找以给定子字符串结尾的类的元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17417474/