Jqueryのこの行は何をしていますか？

Question

$(this).find("a[href^='/']") 

私はこの部分を知ることに特に興味がある「[のhref^= 『/』]」

Answer 1

jQueryのCSSセレクタを使用しています。 a[^='/']はthisの子であるで始まるhref属性のすべてを<a>から選択します。

アクションでそれを参照してください：

属性セレクタと始まりの

$("ul").each(function() { 
 
    $(this).find("a[href^='/']").addClass("selected"); 
 
});

.selected { 
 
    background-color: lime; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul> 
 
    <li><a href="http://www.google.com">Will not be selected</a></li> 
 
    <li><a href="/example">Will be selected</a></li> 
 
</ul> 
 

 
<ul> 
 
    <li><a href="/example">Yep</a></li> 
 
    <li><a href="http://www.google.com">Nope</a></li> 
 
</ul>

• jQueryのドキュメント：https://api.jquery.com/attribute-starts-with-selector/属性セレクタの
• より：https://developer.mozilla.org/en/docs/Web/CSS/Attribute_selectors

Answer 2

それは/で始まるHREFへのリンクを探します。

Answer 3

この特定のコードは、/で始まるhref属性値を持つ<a>要素を見つけるために、CSSの属性セレクタです。

ここ

より：https://api.jquery.com/attribute-starts-with-selector/