がどのように私は私の選択は、私はHTMLの次のコード持っているのjQuery

Question

に正しいことを知っています。今、私はいくつかの頭字語タグのクラスを変更したい

<div class="myclass" id ="class1"> 
    <ol class="list"> 
    <li id="li_1"> 
     <input id="input_1" …> 
     <acronym id="input_1" class="classabc"> 
     </li> 
     <li id="li_2"> 
      <input id="input_2" …> 
      <acronym id="input_2" class="classabc"> 
     </li> 
     .... 
     <li id="li_n"> 
      <input id="input_n" …> 
      <acronym id="input_n" class="classabc"> 
     </li> 
    </ol> 
</div> 

を、私は、頭字語タグのIDを持っています私はこれを試してみました：

$('acronym#'+id).removeClass('classabc'); 
$('acronym#'+id).addClass('newclass'); 

それはので、私が試した動作しませんでした：

$('div.myclass ol acronym#'+id).removeClass('classabc'); 
$('div.myclass ol acronym#'+id).addClass('newclass'); 

しかし、それはまだ動作しません。 コード内でアラートを試みましたが、アラートは機能します。セレクタが正しくないと思っています。だから私は正しいセレクタを得るためにとにかく頼んでいるのですか？または、セレクタが正しいことをどのように知っていますか？

Answer 1

ここで重要な問題：id属性はドキュメント固有のものでなければなりません。同じid属性を何回か使用しましたが、これはidセレクタを使用して結果が得られない（または予測できない）結果につながります。

Answer 2

（あなたが重複したIDを持っているので）あなたが探しているはずだ基本的なセレクタは次のようになります。

$('acronym[id='input_n']) 

ので、あなたが閉じる引用符を含める必要があるだろう：

$("acronym[id='input_" + n + "']") 

注： idsが重複しているため、この回答はより一般的な$('#input_n')セレクタを使用していません。

Answer 3

2つの要素に対して同じidを宣言するのは適切ではありません。

idをacronymから削除し、次のjavascriptを使用してください。ここで

<input id="input_1"> 
<acronym class="classabc"> 

どこvar id = "input_1";

$('#'+ id).siblings('acronym').removeClass('classabc'); 

The Fiddle

CSSセレクタを学習するW3Schoolsのリンクです。 http://www.w3schools.com/cssref/css_selectors.asp

Answer 4

理想的には、ページ上のidはすべてのDOM要素に対して一意である必要があります。 idで要素を探す場合は、idセレクタを使うことができます。試してみてください

$('#'+id).removeClass('classabc'); 
$('#'+id).addClass('newclass');