javascript - 从 li 字符串生成 JSON

Question

<div class="col-xs-4 no-padding contenteditable-color" style="background-color: transparent;">
     <ul class="ul-product">
         <li class="li-product-page cars contenteditable" contenteditable="false">qweryt</li>
     </ul>
</div>
<div class="col-xs-4 no-padding contenteditable-color" style="background-color: transparent;">
     <ul class="ul-product">
         <li class="li-product-page cars contenteditable" contenteditable="false">bbzzz</li>
     </ul>
</div>

我有多个 li，我想获取所有 li 并使用名称“cars”制作 JSON。我已经尝试过类似的方法，但行不通

$("li.cars").each(function() {
    var obj = {
        keywords: $("li.keywords").text()
    }
});

我想使用 AJAX 将此 JSON 发送到服务器。

编辑

这是ajax

var form = $('form')[0]; // You need to use standard javascript object here
            var data = new FormData(form);
                data.append('car', brand);
                data.append('keywords', arr);


            $.ajax({
                type:'POST',
                enctype: 'multipart/form-data',
                url:'myurl',
                data: data,
                processData: false,
                cache: false,
                contentType:false,
                success:function(response){
                    console.log(response);


                },
                 error: function(data){
                console.log("error");
                console.log(data);
                 }

            })

Answer 1

var items = [];

$('ul').children().each(function() {
  var $this = $(this);
  var item = { id: $this.attr('value'), title: $this.html() };
  items.push(item);
});

试试这个...