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" 检查链接，您会看到它禁用了该类，而另一个则没有。

Answer 2

我采用了 Jeremiah 的代码并稍微修改了它以完成我需要它做的事情。非常感谢所有答案 - 这是最终产品：

   function findID(ID) {
     var exists = false;
     if ($(ID).length > 0) {
      exists = true;
     }
     return exists;
 }

 function matchLink() {
     var href = $(this).attr('href');
     if (!findID(href)) {
         // Doesn't exist
         $(this).addClass('alpha-disabled');
     }
 };
 $('.scroller').each(matchLink); 

Answer 3

你可以这样做。这是一个例子：

function linkMatch(index, elem){
    var link = elem,
        heading = $(".alpha-heading");

    var linkHref = link.attr("href").substring(1, link.attr("href").length);

    if(typeof(heading[index]) != "undefined") {
        if(linkHref != heading[index].getAttribute("id")) {
            link.addClass("disabled");
        }
    }
}

$(".scroller").each(function(index) {
    linkMatch(index, $(this));
});

编辑 我刚刚编辑了我的代码，因为我忘了在linkHref 变量中写length