标签第一选择器

时间:2010-07-06 15:30:13

标签: jquery css-selectors

我有这个jquery选择器

 $('.accordion label').live('click',function() {
     alert("hello clicky clicky");
 }

但如果我这样做

 $('.accordion label:first').live('click',function() {
     alert("hello clicky clicky");
 }

它针对的是第一个手风琴的标签而不是每个手风琴的第一个标签

有人可以帮忙

修改

HTML

  <fieldset class="horizontal accordion">
   <label class="categorylabel"><div class="accordion_open"></div>Editor Information</label>
   <ul>
    <li>
     <label for="editor" id="editorL"><div class="accordion_open"></div>Editor Name</label>
     <input id="editor" name="editor" class="force_clean" value="" type="text">  
    </li>          
   </ul>
  </fieldset>

1 个答案:

答案 0 :(得分:7)

使用first-child选择器代替first

first为您提供整个集合中的第一个实例。

first-child为您提供其父级的第一个孩子。

$('.accordion > label:first-child').live('click',function() {
     alert("hello clicky clicky");
}

或者只使用您提供的班级名称(假设每个手风琴都是相同的)。

$('.accordion > .categorylabel').live('click',function() {
     alert("hello clicky clicky");
}