2017-03-03 16 views
0

属性を変更するためにIDでHTML要素を選択しようとしていますが、何らかの理由でHTML要素が機能しません。私は自分の要素を次のように定義しています:JQueryセレクターがIDで動作しない

私は次のようにして要素を選択しようとしたが、何の効果もありません。私が代わりに次で電話をかける場合

function handleClick(id){ 
    var ID = parseInt(id); 
    $("#ID").css({"background-color": "white"}); 
} 

しかし、私は、所望の効果を得る:$( "#16")、CSS({ "背景色": "白"})。

idパラメータに基づいて変更を行うためにコードを変更するにはどうすればよいですか?

+0

'handleClick'はいつも、DOMに' id'要素がありますか?また、 '' #ID "'は単なる文字列ですが、変数 'ID'の値はありません。おそらく '$("# "+ ID")か '$("# "+ id")のどちらかを意味しますか? –

+0

あなたはどこでも変数 'ID'を使用していません。 – Rayon

+1

" ID "はjqueryの文字列です。この$( "#" + ID).cssのようなことをする必要があります... – mamosek

答えて

1

コードは次のようになります16idとページ上のタグがある場合:16idに渡された場合

function handleClick(id){ 
    var ID = parseInt(id); 
    $("#"+ID.toString()).css({"background-color": "white"}); 
} 

だから、このように実行します:

function handleClick("16"){ 
    var ID = parseInt("16"); //int id 
    $("#"+16.toString()).css({"background-color": "white"}); 
    //will not work because raw ints do not support toSting(). Jquery will look for "#16" 
} 
は、
関連する問題