jQueryで現在選択されているリストアイテムを設定します

Question

私はアイテムのリストを持っています。

<li id='item1'>number_1<li> 
<li id='item2'>number_2<li> 
… 
<li id='itemn'>number_n<li> 

ユーザーがアイテムを選択します。リストの項目数は毎回異なります。選択したアイテムを設定したいと思います。 私のコードです。私は各項目のIDを得ることができます。私の問題は、選択したアイテムを設定できないことです。例えば。私はitem2を取得する場合。 idはmycode内の変数であるので、私は

<li id='item2' class="selected" >number_2<li> 

ようになった項目にしたいです。私はjqueryのスクリプトでそれを行う方法をたくさん試しました。以下のように：

$("#id").addClass('selected'); // doesn't work; 
$("li" id).addClass('selected'); // doesn't work; 
$("#" id).addClass('selected'); // doesn't work; 
$($this. id).addClass('selected'); // doesn't work; 

私は多分、これは単純すぎるprobemで、ウェブ上で検索、私は同様の質問と回答を見つけることができませんでした。誰でも私を助けてくれますか？ありがとうございました！

Answer 1

あなたはこのようなあなたのIDに#を連結する必要があります。

$("#" + id).addClass('selected'); 

あなたのコードは、この（あなたが述べたように、変数にIDを保存する必要はありません）のようなものになります。

$("li").click(function() { 
    $(this).siblings().find(".selected").removeClass("selected"); 
    $(this).addClass("selected"); 
}); 

を

Answer 2

は、私はあなたがそれはあなたがexecししようとしている場所によって異なり

$('#'+id).addClass('selected'); 
// or 
$(this).addClass('selected'); 

を探しているのだと思いますしかし、このコードをute。

Answer 3

あなたがこれを設定しようとしているときに、クリックハンドラ内であれば、最も簡単である：

$(this).addClass('selected'); 

あなたは変数idを持っていますが、クリックハンドラ内ではありません、あなたがしたい場合：

$('#'+id).addClass('selected'); 

Answer 4

$('li').click(function() { 
    $(this).addClass('selected'); 
}); 

Answer 5

$("#id").addClass('selected'); // doesn't work; 

これを試してみてください

このコードを使用する前にjqueryをインポートしてください。