私はこのようになりますURLを持っているjqueryの

Question

を使用してクラスを追加し、URL文字列やメニューの文字列を比較しますすべてのページのメニューでjqueryを使用してそのページのIMを確認したいと考えています。私は、A/liを太字にして、ユーザーがページ上にあることを知るようにします。

私は次のことを試してみました：

$(document).ready(function() { 
    if(window.location.href.indexOf("test")) // 
    { 
     alert("your url contains the name test"); 
    } 
}); 

しかし、ID、URL文字列の値をハードコーディング伴うdoes notの何かのように。ユーザーがUL/LIへのリンクを追加するかのように、jqueryはリンクとURLを自動的にチェックし、LIにクラスを追加する必要があります。

うまくいけば十分な情報です。

Answer 1

値が見つからない場合、indexOf()メソッドは-1を返します。その値をチェックする必要がありますが、現在のように結果をブール値に強制しないでください。これを試してみてください：

$(document).ready(function() { 
    var loc = window.location.href; 
    $("ul a").each(function() { 
     if (loc.indexOf($(this).attr("href")) != -1) { 
      $(this).addClass("current"); 
     } 
    }); 
}); 

あなたは、セレクタは、もう少し具体的にするために#menu a

Answer 2

これは？

$('ul#menu a').each(function() { 
    if(window.location.href.indexOf($(this).attr('href')) !== -1) { 
     $(this).closest('li').addClass('yourClass'); 
    } 
}); 

私は基本的には同じページであってもよく、他のul秒であなたのメニューバーを区別するために、あなたのulにID menuを追加しました。 !== -1としてindexOfは、引数で検索された文字列が見つからない場合は-1を返します。

Answer 3

$(document).ready(function() { 
    var liTest = $('ul > li'); // ' was missing 
    liTest.each(function() { 
    if(window.location.href == $('a', this).attr('href')) // 
    { 
     $(this).css('font-weight', 'bold'); 
     return; 
    } 
    }); 
}); 

Answer 4

indexOf -1を返した文字列が含まれていない場合のような何か必要があります：

(document).ready(function() { 
    if(window.location.href.indexOf("test") != -1) // 
    { 
     alert("your url contains the name test"); 
    } 
});