javascript - 如何获取div标签下LI元素的ID属性

Question

我是 CSS 和 JQUERY 新手。我想获取 JS 文件中字符串中 LI 元素的所有 id 以便进一步解析。

<div id="editSortable"> 
    <ul class="sortable-list  ui-sortable">
        <li id="TEXT_1">Test 1</li>
        <li id="TEXT_2">Test 2</li>
        <li id="TEXT_3">Test 3</li>
    </ul>
</div>

我尝试了下面的解决方案，但它返回对象并且无法将其转换为字符串

var columns = [];
$(#editSortable+ ' ul.sortable-list').each(function(){
    columns.push($(this).sortable('toArray').join(','));                
});

请提出建议。

Answer 1

var columns = [];
$('#editSortable .sortable-list li').each((i, li)  => columns.push(li.id))

console.log(columns)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="editSortable"> 
    <ul class="sortable-list  ui-sortable">
        <li id="TEXT_1">Test 1</li>
        <li id="TEXT_2">Test 2</li>
        <li id="TEXT_3">Test 3</li>
    </ul>
</div>