jquery - 在包含多个空格的 ul 中附加 li

Question

我想追加<li>使用<ul>jQuery。我已经使用以下行成功完成了它：

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>包含多个空格的项目？

Answer 1

尝试这个

$('#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>');