Javascript 将项目添加到列表的末尾,而不考虑其长度

Javascript 将项目添加到列表的末尾,而不考虑其长度,javascript,jquery,list,Javascript,Jquery,List,我需要在列表的末尾添加一行文本。此列表可以是不同的长度,例如: <div id="characteristics"> <ul> <li>Words</li> <li>More words</li> </ul> </div> jQuery在元素末尾添加HTML。这应该起作用: $('#characteristics ul').append('<li>Another

我需要在列表的末尾添加一行文本。此列表可以是不同的长度,例如:

<div id="characteristics">
  <ul>
    <li>Words</li>
    <li>More words</li>
  </ul>
</div>
jQuery在元素末尾添加HTML。这应该起作用:

$('#characteristics ul').append('<li>Another item</li>');
$(“#特征ul”)。追加(“
  • 另一项”
  • ”);
    jQuery在元素末尾添加HTML。这应该起作用:

    $('#characteristics ul').append('<li>Another item</li>');
    
    $(“#特征ul”)。追加(“
  • 另一项”
  • ”);
    试试
    $(“#特征>ul”).append()

    var lastLI=$('#characteristics>ul')。追加('
  • More words
  • 
    
    • 言语
    • 更多的话
    试试
    $(“#特征>ul”).append()

    var lastLI=$('#characteristics>ul')。追加('
  • More words
  • 
    
    • 言语
    • 更多的话

    以下内容将在ul末尾添加新的li

    $("#characteristics ul").append('<li> Your New item</li>');
    
    $(“#特征ul”)。附加(“
  • 您的新项目”
  • ”);
    以下内容将在ul末尾添加新的li

    $("#characteristics ul").append('<li> Your New item</li>');
    
    $(“#特征ul”)。附加(“
  • 您的新项目”
  • ”);
    替代解决方案是将
    最后一个子项
    一起使用。或者附加我在问题评论中已经提到的工作

    $('ul li:last child')。之后('ul li>更多单词1)
    
    
    
    • 言语
    • 更多的话

    替代解决方案是将
    最后一个子项
    一起使用。或者附加我在问题评论中已经提到的工作

    $('ul li:last child')。之后('ul li>更多单词1)
    
    
    
    • 言语
    • 更多的话

    $('ul')。追加('li>更多单词)'$('ul')。附加('li>更多单词);如果要将文本添加到最后一个li,请尝试此项$(“#ul li:last child”).append('New item');如果要将文本添加到最后一个li,请尝试此项$(“#ul li:last child”).append('New item');请注意,使用jQuery伪选择器
    :last
    的性能不是很好。根据文档:因为:last是jQuery扩展,不是CSS规范的一部分,所以使用:last的查询无法利用本机DOM querySelectorAll()方法提供的性能提升。请注意,使用jQuery伪选择器
    :last
    的性能不是很好。根据文档:因为:last是jQuery扩展,不是CSS规范的一部分,所以使用:last的查询无法利用本机DOM querySelectorAll()方法提供的性能提升。