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

私はエレミアのコードを取って、私がそれが必要なことをするために少し変更しました。お返事いただきありがとうございます。最終製品は

Answer 2

あなたはこのようにすることができます。ここでは一例です：私はHREFは「#C」のようなものがある場合はlinkHref変数

Answer 3

内lengthを書くのを忘れているので、

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)); 
}); 

編集 私はちょうど私のコードを編集した、取りますこれを見てください：

$(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; 
    } 
}) 

これは役に立ちます。

UPDATED！申し訳ありませんが、クリックしたときではなくリンクを無効にしたかったのを見落としました。 Here is a JsFiddleリンクをhref = "$ find-someting-else"で調べると、クラスが無効であるのに対し、他のリンクは無効であることがわかります。