Javascript 如何读取ID'；关于li标记的div元素的定义

我想要divtext下所有li元素的id

<div id="editSortable"> 
<ul class="sortable-list  ui-sortable">
    <li id="id1">Test 1</li>
    <li id="id2">Test 2</li>
    <li id="id3">Test 3</li>
</ul>
</div>

测试1
测试2
测试3

我需要输出为id1，id2，id3作为字符串

使用

attr（“id”）

获取每个li的id

您需要使用

.each（）

您可以使用

.map（）

将所有id获取到一个数组中

$（'editSortable'）。查找（'li'）。每个（函数（）{
console.log（this.id）//获取元素id的更有效方法
//console.log（$（this.attr（“id”））//获取元素id的另一种方法
})
var arr=$（'#editSortable'）.find（'li'）.map（函数（）{
返回（$（this.attr（“id”））
}).get（）；
控制台日志（arr）

测试1
测试2
测试3

而您需要将id1、id2、id3作为字符串输出。。[way of ways]您可以使用

.each（）

并通过

+=

将ID添加到除最后一个之外的变量join中来保存ID

演示

varids=''；
$（'#editSortable.sortable list li'）。每个（函数（）{
var逗号=$（this.index（）+1==$（'editSortable.sortable list li'）。长度？'':'，'；
Ids+=this.id+逗号；
});
console.log（Ids）

测试1
测试2
测试3

用这种方法很容易做到

$（“#可编辑ul li”）。每个（函数（）{
log（$（this.attr（“id”））；
})

测试1
测试2
测试3

您可以使用这个。这对你有用

var ids = [];
$("#editSortable").find("li").each(function () { ids.push(this.id); });
var result = ids.join(",");

---

this.id

提供的结果与

$（this.attr（'id'）

@nnnnnn yes提供jquery-oneYeah相同，但是

this.id

在jquery函数中起作用，而且更容易阅读，效率也更高。@nnnnnn是的，你是对的，因为jquery只是js，我只是比jquery更熟悉js，这是错误的/不好的做法：（我将添加this.id