代码之家  ›  专栏  ›  技术社区  ›  mcgrailm

标签第一个选择器

  •  1
  • mcgrailm  · 技术社区  · 14 年前

    我有这个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 回复  |  直到 14 年前
        1
  •  7
  •   user113716    14 年前

    使用 first-child 选择器而不是 first .

    第一 给出了整个集合中的第一个实例。

    第一个孩子 给出集合中的每个元素,它们是其父元素的第一个子元素。

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

    或者只使用您提供的类名(假设每个手风琴的类名相同)。

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