Question

我有一些包含无序列表的div。在这些列表项中，我有按钮，您可以单击。是否有可能单击1按钮，添加我的类“选定”然后杀死该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”而不仅仅是一个。

Answer 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/

将“selected”类添加到列表项，然后使用jquery对该特定列表中的其余列表项禁用“ahref”

1 个答案: