Javascript JQueryUI可排序-新订单到字符串

我正在使用JQueryUi Sortable对图库进行排序，具有用户友好的拖放功能

我排序的东西看起来像：

 <div id="gallery"><div class="wrapper" data-id="//here is name of picture like :2017554352.jpg">
      //actual picture and desc.. etc.
  </div>
  <div class="wrapper" data-id="//here is name of picture like :2017554352.jpg">
      //actual picture and desc.. etc.
  </div><div>

//实际图片和描述。。等
//实际图片和描述。。等

这里是实际的简单排序脚本：

<script> 
       $( function() {
       $( "#gallery" ).sortable();

       });
</script>

$（函数（）{
$（“#图库”）.sortable（）；
});

我想通过将div的数据id输入到表单中的隐藏输入中来创建php字符串。 功能如何？这看起来像什么

<form name="sortForm" action="sortPics_submit.php" method="post">
         <input type="hidden" id="sortOrder" name="sortOrder">
        <button type="submit" class="submit3" name="submit"><span>Save&Continue...</span></button>
</form>

保存并继续。。。

---

谢谢你的建议

您可以使用下面的函数以逗号分隔的格式连接可排序div的所有

数据id

，然后将其添加到表单输入中。 请参见下面的演示

函数getData（）{ var字符串=“”； $（“#gallery>div[data id]”）。每个（函数（）{ 字符串+=$（this）.data（'id'）+'，'； }); 返回string.substr（0，string.length-1）； } $（“#sortOrder”）.val（getData（））； log（getData（））

保存并继续。。。

那么您想获取所有div的

数据id

属性吗？但在哪一点上你想这样做？您这样做是为了将排序的顺序保存到数据库吗？我认为JQuery有类似于更新事件的功能，当用户停止排序并且DOM位置发生更改时，会触发更新事件。所以我可以把这个函数放在这个事件中，或者点击一个按钮就可以了，这无关紧要。关键是我是jQuery/javascript的新手，我只想知道如何基于数据id创建字符串并将其转化为表单。是的，这是数据库，看一看，我已经看到了。我想避免使用ajax。我只需要一个函数，它可以动态地将值输入到隐藏的输入中。我想告诉你的是，你可以使用排序表的

update

事件，如果你想得到div的顺序，那么你应该用代码替换ajax部分来获得顺序或div，我不明白的是，为什么要获取

数据id

属性，如果需要排序顺序，可以使用

$（this.sortable（'serialize'）

获取最新的顺序，如果不是关于div的顺序，那么为什么在排序后使用if？是的，正是我的意思。非常感谢。：）很高兴我能帮忙，你也可以投票表决；）@JúliusĽuptoveci cant我没有足够的声誉对不起，我是新来的，所以：DD“谢谢你的反馈！那些声誉低于15的人所投的票会被记录下来，但不要改变公开显示的帖子分数。”我不知道为什么，但由于某种原因它不起作用@muhammadomeraslam您如何使用它并将值分配给输入字段？您可以看到它的工作原理，最重要的是将函数返回的值赋给输入字段