我怎么知道我的选择器在jQuery中是正确的

Question

我有以下HTML代码:

<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为两个元素声明相同是不恰当的.

删除idfrom acronym然后使用以下javascript.

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

哪里 var id = "input_1";

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

小提琴

这是一个学习css选择器的w3schools链接.http://www.w3schools.com/cssref/css_selectors.asp