javascript - 从元素中获取名称

Question

我正在尝试提交来自 UL BY ORDER 的名单。我怎样才能将它放入一个变量中，以便我可以发送 ajax 帖子？

在这种情况下，我应该得到类似于第一个元素 xzxc 和第二个 sdad 的列表

 $('#btnSubmit').click(function (e) {
       e.preventDefault();
       //How do I get the List of Names from the testCaseList??
       var testCaseNames =
        $.ajax({
            type: 'post',
            url: '/create-flow/save',
            data: {testCaseNames: testCaseNames},
            success: (function (code) {

            })
        });
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<ul id="testCaseList" class="list-group testCaseList">

  <li class="list-group-item justify-content-between" draggable="false" style="">xzxc
    <div class="icons-right"><a class="action-icon" id="edit-xzxc" name="xzxc" draggable="false"><span class="fa fa-edit"></span></a><a class="action-icon" id="delete-xzxc" name="xzxc" draggable="false"><span class="fa fa-trash"></span></a></div>
  </li>
  <li class="list-group-item justify-content-between" draggable="false" style="">sdad
    <div class="icons-right"><a class="action-icon" id="edit-sdad" name="sdad" draggable="false"><span class="fa fa-edit"></span></a><a class="action-icon" id="delete-sdad" name="sdad" draggable="false"><span class="fa fa-trash"></span></a></div>
  </li>
</ul>

<button id="btnSubmit">Submit</button>

Answer 1

var testCaseNames = []
$('.action-icon:first-of-type').each(function() {
  testCaseNames.push($(this).attr('name'))
})

$('#btnSubmit').click(function(e) {
  e.preventDefault();
  $.ajax({
    type: 'post',
    url: '/create-flow/save',
    data: {
      testCaseNames: testCaseNames
    },
    success: (function(code) {

    })
  });
});

console.log(testCaseNames);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<ul id="testCaseList" class="list-group testCaseList">

  <li class="list-group-item justify-content-between" draggable="false" style="">xzxc
    <div class="icons-right"><a class="action-icon" id="edit-xzxc" name="xzxc" draggable="false"><span class="fa fa-edit"></span></a><a class="action-icon" id="delete-xzxc" name="xzxc" draggable="false"><span class="fa fa-trash"></span></a></div>
  </li>
  <li class="list-group-item justify-content-between" draggable="false" style="">sdad
    <div class="icons-right"><a class="action-icon" id="edit-sdad" name="sdad" draggable="false"><span class="fa fa-edit"></span></a><a class="action-icon" id="delete-sdad" name="sdad" draggable="false"><span class="fa fa-trash"></span></a></div>
  </li>
</ul>

<button id="btnSubmit">Submit</button>