首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在jquery中从两个不同的可排序值中获取值

如何在jquery中从两个不同的可排序值中获取值
EN

Stack Overflow用户
提问于 2016-11-03 21:34:42
回答 1查看 45关注 0票数 0

我使用jquery创建了多个具有相同类和id的可排序表,但我不知道如何在元素和重新排列后获得可排序列表中的项的值

代码语言:javascript
运行
复制
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
  $( function() {
    $( "#sortable" ).sortable({
      placeholder: "ui-state-highlight"
    });
    $( "#sortable" ).disableSelection();
  } );
  </script>
  <script>
  function submit(){
       var idsInOrder = $("#sortable").sortable("toArray");

      alert(idsInOrder);
    }
  </script>

<ul id="sortable" class="sortable" style="margin-left: 319px; width: 217px;" onclick="submit()">
  <li class="ui-state-default" id="Item 1" value="Item 1">Item 1</li>
  <li class="ui-state-default" id="Item 2" value="Item 2">Item 2</li>
  <li class="ui-state-default" id="Item 3" value="Item 3">Item 3</li>  
</ul>

<ul id="sortable" class="sortable" style="margin-left: 319px; width:    217px;" onclick="submit()">
  <li class="ui-state-default" id="Item 1" value="Item 1">Item 1</li>
  <li class="ui-state-default" id="Item 2" value="Item 2">Item 2</li>
  <li class="ui-state-default" id="Item 3" value="Item 3">Item 3</li>  
</ul>

任何反应都是可以感知的。

EN

Stack Overflow用户

发布于 2016-11-03 22:37:16

代码语言:javascript
运行
复制
 <ul id="sortable" class="sortable">
    <li class="ui-state-default" id="Item1">Item 1</li>
    <li class="ui-state-default" id="Item2">Item 2</li>
    <li class="ui-state-default" id="Item3">Item 3</li>  
 </ul>

完整的工作解决方案是HERE-fiddleHERE-jsbin

票数 0
EN
查看全部 1 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/40402878

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档