jquery - 如何列出所有的孩子

Question

我的 php 将抓取随机行并写入 <ul> 和 <li> 并使用 html5 可排序

<ul id='sortable_A'>
<li>A1</li>
<li>A2</li>
<li>A3</li>
<li>A4</li>
</ul>

所以现在我如何使用 jquery 以这种方式获取所有子级 var li_A = A1,A2,A3,A4 在我得到它之后，然后我将使用它来相应地更新数据库

ps：或者有其他更好的方法吗？

Answer 1

你可以做

           // Get all elements
var li_A = $('#sortable_A li')
           // Iterate on the elements and create an array 
            .map(function() {
                return $(this).text();
            })
            // Get the array
            .get()
            // join the values
            .join(',');

http://jsfiddle.net/nicolapeluchetti/hhkaV/

Answer 2

var ul = $('ul').html();

如果您愿意，可以使用该.each()方法将列表转换为数组。

你应该看看jquery docs

Answer 3

你可以试试这样的

 var listElements = $("ul#sortable_A li:not(:empty)");

列出所有 不为空的li 元素

Answer 4

你也可以这样做：

var li_A = [];
$('#sortable_A li').each(function(){
    li_A.push($(this).html());
});

上面的代码为您提供了一个字符串数组。此外，如果你想要一个逗号分隔的字符串，那么你可以这样做：

var str = li_A.toString();