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

获取JQuery Sortable内列表项的id[duplicate]

  •  0
  • SP1  · 技术社区  · 6 年前

    我想得到所有的“li”元素id,如a,b,c。。。g。

    如何获取所有“li”元素id列表?

    谢谢您!

    JQuery UI可排序示例

    <!doctype html>
    <html lang="en">
    <head>
      <script>
      $( function() {
        $( "#sortable" ).sortable();
        $( "#sortable" ).disableSelection();
      } );
      </script>
    </head>
    <body>
    
    <ul id="sortable">
      <li id="a" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 1</li>
      <li id="b" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 2</li>
      <li id="c" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 3</li>
      <li id="d" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 4</li>
      <li id="e" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 5</li>
      <li id="f" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 6</li>
      <li id="g" class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 7</li>
    </ul>
    
    </body>
    </html>
    
    0 回复  |  直到 9 年前
        1
  •  1
  •   Blue    6 年前

    请尝试以下操作:

    $('#sortable').find('li').each(function(){
            var listId = $(this).attr("id");
    });