用于href链接的Jquery选择器

时间:2017-05-30 10:20:24

标签: jquery

如果我想使用这个链接http://localhost:8086/IAPApp/lead/index.html那么我应该如何在jquery中编写该函数,以便显示以/ lead开头的所有页面。这意味着任何包含/导致URl的链接都应该显示。我已将函数写为

<script type="text/javascript">
$(document).ready(function(){
$('a[href^="IAPApp/lead/"]')
});

<a href="data-index.html"  style="visibility: hidden"></a>
<a href="data-riskAssessment.html" style="visibility: hidden"></a>

1 个答案:

答案 0 :(得分:1)

我会使用包含 [attribute*="value"]选择器。您可以查看所有可用的选择器 here

<强> HTML:

<a href="http://localhost:8086/IAPApp/notlead/index.html">hidden</a>
<a href="http://localhost:8086/IAPApp/lead/index.html">visible</a>

<强> JS:

$(document).ready(function(){
    $('a').hide(); // Hides all Anchors
    $('a[href*="/lead/"]').show(); // Display only this ones who contains the "/lead/"
});

<强> JsFIDDLE