是否有可能使用jQuery选择所有<a>链接,其中href以“ABC”结束?
例如,如果我想找到这个链接<a href="http://server/page.aspx? "id = ABC " >
是否有可能使用jQuery选择所有<a>链接,其中href以“ABC”结束?
例如,如果我想找到这个链接<a href="http://server/page.aspx? "id = ABC " >
当前回答
如果您不想导入像jQuery这样的大型库来完成这些琐碎的事情,您可以使用内置方法querySelectorAll来代替。几乎所有用于jQuery的选择器字符串都可以与DOM方法一起使用:
const anchors = document.querySelectorAll('a[href$="ABC"]');
或者,如果你知道只有一个匹配的元素:
const anchor = document.querySelector('a[href$="ABC"]');
如果您正在搜索的值是字母数字,您通常可以省略属性值周围的引号,例如,在这里,您还可以使用
a[href$=ABC]
但报价更灵活,通常也更可靠。
其他回答
$("a[href*='id=ABC']").addClass('active_jquery_menu');
如果您不想导入像jQuery这样的大型库来完成这些琐碎的事情,您可以使用内置方法querySelectorAll来代替。几乎所有用于jQuery的选择器字符串都可以与DOM方法一起使用:
const anchors = document.querySelectorAll('a[href$="ABC"]');
或者,如果你知道只有一个匹配的元素:
const anchor = document.querySelector('a[href$="ABC"]');
如果您正在搜索的值是字母数字,您通常可以省略属性值周围的引号,例如,在这里,您还可以使用
a[href$=ABC]
但报价更灵活,通常也更可靠。
$('a[href$="ABC"]')...
选择器文档可以在http://docs.jquery.com/Selectors上找到
属性:
= is exactly equal
!= is not equal
^= is starts with
$= is ends with
*= is contains
~= is contains word
|= is starts with prefix (i.e., |= "prefix" matches "prefix-...")
$('a[href$="ABC"]:first').attr('title');
这将返回第一个URL以“ABC”结尾的链接的标题。
$("a[href*=ABC]").addClass('selected');