javascript - jQuery 检测文档是否包含与链接的 href 匹配的 id

Question

我编写了一个函数，将 href 添加到字母导航栏。我这样做是为了让每个字母部分都给自己一个ID。我想这样做，以便在没有“C”部分的情况下，我可以在链接到 #c 的链接中添加一个类来禁用它。这是我到目前为止所拥有的:

 <ul class="no-bullet inline">
      <li><a class="scroller"><strong>A</strong></a></li>
      <li><a class="scroller"><strong>B</strong></a></li>
      <li><a class="scroller"><strong>C</strong></a></li>
</ul>

  <div class="space-above space-below letter-section">
       <h4 class="alpha-heading"><strong>A</strong></h4>
        <ul class="no-bullet">
             <li><a class="naming" href="#">Benny Goodman</a></li>
             <li><a class="naming" href="#">Benny Goodman</a></li>
             <li><a class="naming" href="#">Benny Goodman</a></li>
         </ul>
   </div>
 <div class="space-above space-below letter-section">
       <h4 class="alpha-heading"><strong>A</strong></h4>
        <ul class="no-bullet">
             <li><a class="naming" href="#">Benny Goodman</a></li>
             <li><a class="naming" href="#">Benny Goodman</a></li>
             <li><a class="naming" href="#">Benny Goodman</a></li>
         </ul>
   </div>
 <script>
 function alphaLink() {
       var alphaLink = $(this);
       var alphaLinkRef = "#" + alphaLink.text().toLowerCase();
       $(alphaLink).attr("href", alphaLinkRef);
   };
   $('.scroller').each(alphaLink);

   //assigns each content section an ID

   function alphaID() {
       var section = $(this);
       var sectionID = section.text().toLowerCase();
       $(section).attr("ID", sectionID);
   };
   $('.alpha-heading').each(alphaID);

linkMatch function(){
   var link = $(this);
    if(link.length <= 0) {
    $(this).addclass("disabled");
}

$("scroller").each(linkMatch);
</script>

Answer 1

如果 HREF 类似于“#C”，请查看以下内容:

$(document).ready(function(){
  $('a').each(function(i,e){
     var href = $(this).attr('href')
     if(!findID(href)){
        // Doesn't exist
        $(this).addClass('disabled');
     }
  })
    function findID(ID){
    var exists = false;
    if($(ID).length > 0){
        exists = true;
    }
    return exists;
    }
})

希望这有帮助!

已更新!抱歉，我忽略了您想要禁用链接，而不是单击时禁用链接。 Here is a JsFiddle如果您使用 href="$find-someting-else"检查链接，您会看到它已禁用该类，而另一个则没有。