我正在尝试提交来自 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>
最佳答案
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>
关于javascript - 从元素中获取名称,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48147954/