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