如何列出<ul> </ul>的所有孩子

时间:2012-09-23 16:55:16

标签: jquery html5

我的php会抓取随机行并写入&lt; ul&gt;和&lt; li>它使用html5 sortable

<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:或者还有其他更好的方式吗?

4 个答案:

答案 0 :(得分:5)

你可以做到

           // 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/

答案 1 :(得分:0)

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

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

您应该查看jquery docs

答案 2 :(得分:0)

你可以尝试这样的事情

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

列出所有非空的 li元素

答案 3 :(得分:0)

你也可以这样做:

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

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

var str = li_A.toString();