如何在任意长度的列表末尾添加内容？JS/JQuery实现方案

没问题，不管你的列表当前有多少个<li>，用原生JavaScript或者jQuery都能轻松搞定，直接把新内容加到列表最末尾，下面是两种具体实现方式：

原生JavaScript 实现 #

这种方法不需要依赖任何库，纯原生就能完成：

// 先通过选择器定位到目标ul
const targetUl = document.querySelector('#characteristics ul');

// 创建一个新的li元素
const newLi = document.createElement('li');

// 设置新li的文本内容，替换成你需要的文本
newLi.textContent = '这里是你要添加的新内容';

// 把新li追加到ul的末尾
targetUl.appendChild(newLi);

jQuery 实现 #

如果你的项目已经引入了jQuery，代码会更简洁：

// 直接用append方法，一步到位把新li加到列表末尾
$('#characteristics ul').append('<li>这里是你要添加的新内容</li>');

// 如果你需要动态插入变量内容，可以用模板字符串：
const customText = '动态生成的新内容';
$('#characteristics ul').append(`<li>${customText}</li>`);

两种方法都会精准定位到#characteristics下的ul，然后把新项加到最后，完全适配列表长度变化的情况~

内容的提问来源于stack exchange，提问作者sclarke