如何在 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>