2017-06-12 5 views
0

href属性に#が含まれるすべてのアンカーを取得するJQueryセレクターを作成できますか?'#'を含むhrefのJQueryセレクター

var localNavLinks = $('a[href=".*#.*"]'); 
+5

'のvar localNavLinks = $( 'a [href * = "#"]'); '' * 'には'^'が含まれています。 [Selectors Here](https://code.tutsplus.com/tutorials/the-30-css-selectors-you-must-memorize--net-16048)について読むことをお勧めします –

+0

これは私のgo-to CSS属性ですセレクタリファレンスhttps://css-tricks.com/attribute-selectors/ –

答えて

0

@モハメド・ユセフの回答によると、*オペレータは#を含むの条件をあなたにフィットします:

$('a[href*="#"]').css('background-color', '#CCCCCC');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<h4>Matched anchor will change background color:</h4> 
 
<p><a href="#a">Anchor</a></p> 
 
<p><a href="https://stackoverflow.com">URL</a></p> 
 
<p><a href="https://stackoverflow.com#a">URL with anchor</a></p>

JSfiddle例:https://jsfiddle.net/jennifergoncalves/jf66oc77/

関連する問題