在ul中附加li,其中包含多个空格

时间:2012-06-11 10:37:25

标签: jquery

我想使用jQuery在<li>中附加<ul>。我已成功完成以下这一行:

var ChosedItem = $("#chosedItem");
ChosedItem.append('<li id=' + $(this).attr('id') + ' limit=' + $(this).attr('limit') + ' ><span>' + $(this).children(0) + '</span></li>');

在此,#chosedItem<ul>存在的div ID

但我的问题是,如果我的<li>项包含空格,那么在[0]th个孩子的位置之后就不会添加它,因为我使用的是chlidren(0)。我可以使用哪些代替children(0)来添加包含多个空格的<li>项?

1 个答案:

答案 0 :(得分:0)

试试这个

$('#chosedItem').children().filter(function(){    

  if($(this).text().split(' ').length > 2) //Elements with two or more space will be returned
     return $(this);

}).append('<li id=' + $(this).attr('id') + ' limit=' + $(this).attr('limit') + ' ><span>' + $(this).children(0) + '</span></li>');