リンクのクラス名と同じIDを持つターゲットdivにクラス名でリンクします

Question

基本的にクラス名とリンクのクラス名と同じidを持つdivを持つコンテナがあります。

<ul> 
    <li><a class="table-names">Names</a></li> 
    <li><a class="table-addresses">Addresses</a></li> 
    <li><a class="table-phone">Phone Numbers</a></li> 
</ul> 

<div class="container"> 
    <div id="table-names" class="selected">...</div> 
    <div id="table-addresses">...</div> 
    <div id="table-phone">...</div> 
</div> 

私はselectedが追加されたクラスを持つように、リンク、「テーブル名」にid="table-names"ニーズをクリックして、兄弟はクラスを削除「を選択」する必要がある場合。私はコードが正しいと信じるが、これは何とか動作していない

$('ul li a').click(function() { 
    $(this).parent('li').addClass("selected").siblings("li").removeClass("selected"); 
    $('.container div').removeClass("selected"); 
    $('#' + $(this).className()).addClass("selected"); 
}); 

：

は、ここに私のjQueryの。私は間違って何をしていますか？

Answer 1

$(this).className()が有効ではありません、あなたはclassNameがある$(this).attr('class')またはthis.className

$('ul li a').click(function() { 
    $(this).parent('li').addClass("selected").siblings("li").removeClass("selected"); 
    $('.container div').removeClass("selected"); 
    $('#' + $(this).attr('class')).addClass("selected"); 
}); 

Answer 2

にそれを変更する必要があるのattr（ "クラスを使用し、jqueryの内のクラスを取得するにはjqueryのメソッド

var target = document.getElementById("table-names"); 
alert(target.className) //not className()

ではありません"）、attr（）メソッドを使用して任意の属性を取得または設定できます。

var $use = $(this).attr("class"); 
$("#"+$use).siblings().removeClass("selected")

私はこれが助けてくれることを願っています