jQuery 序列化并返回 JSON 字符串

Question

我正在尝试使用 data-id 属性而不是仅使用 id 来序列化可排序列表。

这是我的代码:

var obj = $('.sortable li').map(function() {
    return 'id=' + $(this).data("id");
}).get();

JSON.stringify(obj)

返回:

["id=1", "id=2", "id=3"]

我需要的是返回:

[{"id":1},{"id":2},{"id":3}]

这是 html 部分:

<ul class="sortable">
  <li data-id="1">Item 1</li>
  <li data-id="2">Item 2</li>
  <li data-id="3">Item 3</li>
  <li data-id="4">Item 4</li>
  <li data-id="5">Item 5</li>
</ul>

Answer 1

var id = [];
$('.sortable li').each(function() {
  id.push({
    id: $(this).data('id')
  });
})

console.log(JSON.stringify(id))

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<ul class="sortable">
  <li data-id="1">Item 1</li>
  <li data-id="2">Item 2</li>
  <li data-id="3">Item 3</li>
  <li data-id="4">Item 4</li>
  <li data-id="5">Item 5</li>
</ul>

使用.each()和.push()检查这一点