我希望“Quick”、“Brown”和“Fox”链接具有“下拉”类,而不是“Foo”或“Bar”链接。如何使用 jQuery 实现这一目标?
HTML代码:
<ul>
<li>
<a href="/foo"> Foo </a>
</li>
<li>
<a href="/foo/bar"> Bar </a>
</li>
<li>
<a href="/quick"> Quick </a>
</li>
<li>
<a href="/quick/brown"> Brown </a>
</li>
<li>
<a href="/quick/brown/fox" class="is-active"> Fox </a>
</li>
</ul>
在这里,您可以使用解决方案https://jsfiddle.net/3t9yy4ou/
var activeHref = $('.is-active').attr('href');
$('a[href]').each(function(){
if( activeHref.indexOf($(this).attr('href')) >= 0){
$(this).addClass('dropdown');
}
});
.dropdown {
background: rgba(0,0,0,0.4);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
<li>
<a href="/foo"> Foo </a>
</li>
<li>
<a href="/foo/bar"> Bar </a>
</li>
<li>
<a href="/quick"> Quick </a>
</li>
<li>
<a href="/quick/brown"> Brown </a>
</li>
<li>
<a href="/quick/brown/fox" class="is-active"> Fox </a>
</li>
</ul>
我用过jQuery
.each
方法。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句