0

我有一些包含无序列表的 div。在这些列表项中，我有可以单击的按钮。是否可以单击 1button，添加我的类“已选择”，然后终止该 ul 中所有列表项的 href？目标是能够为多个 div 使用全局函数，如下所示：

这是我的 HTML 的结构。

      <div id="dd" class="mywrap-dropdown-2" tabindex="2">Select
                 <ul class="dropdowner" id="coll-filter">
                      <li><a href="">All</a></li>
                      <li><a href="#">White</li>
                      <li><a href="#">Blue</li>
                 </ul>
        </div> 



     <div id="dd" class="mywrap-dropdown-2" tabindex="2">Select
                 <ul class="dropdowner" id="coll-filter">
                      <li><a href="">Metal</a></li>
                      <li><a href="#">Chrome</li>
                      <li><a href="#">Wood</li>
                 </ul>
        </div>

不知道该怎么做。此功能应该用于多个 div "#dd" 而不仅仅是一个。

4

1 回答 1

1

此代码将添加class="selected"到第一个单击锚的父<li>级，然后禁用所有进一步的操作。演示：http: //jsfiddle.net/9Y5x4/2/

$( '#dd' )
    .on( 'click', 'li', function( e )
        {
            e.preventDefault();             
        }
     )
     .on( 'click.runonce', 'li', function( e )
         {
              $( this ).addClass( 'selected' );

             $( '#dd' ).off( 'click.runonce' );
         }
     );

编辑：更新了示例。旧代码：http: //jsfiddle.net/9Y5x4/1/

于 2012-10-15T14:11:14.467 回答