web-dev-qa-db-ja.com

Hrefが文字列で終わる<a>を選択

Hrefが "ABC"で終わるすべての<a>リンクをjQueryを使って選択することは可能ですか？

たとえば、このリンクを見つけたい場合は<a href="http://server/page.aspx?id=ABC">

jquerystring
642
Aximili
   $('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-...")
1491
tvanfosson
$('a[href$="ABC"]:first').attr('title');

これは、 "ABC"で終わるURLを持つ最初のリンクのタイトルを返します。

19
Ash
$("a[href*='id=ABC']").addClass('active_jquery_menu');
14
Sumit
$("a[href*=ABC]").addClass('selected');
5
Ganesh Anugu

些細なことを達成するためにjQueryのような大きなライブラリをインポートしたくない場合は、代わりに組み込みメソッドquerySelectorAllを使用できます。 jQueryに使用されるほとんどすべてのセレクター文字列は、DOMメソッドでも機能します。

const anchors = document.querySelectorAll('a[href$="ABC"]');

あるいは、一致する要素が1つしかないことがわかっている場合は、

const anchor = document.querySelector('a[href$="ABC"]');

検索している値が英数字の場合は、通常、属性値の前後の引用符を省略できます。たとえば、ここでは、次のようにも使用できます。

a[href$=ABC]

しかし引用符はより柔軟であり、 一般的により信頼性があります 。

0
CertainPerformance