Jquery 在现有ul中添加li元素的第二个子元素

我试图在现有的

ul

中添加第二个和第三个

li

元素。但是做得不好

$（“ul li:nth child（2）”）.append（$（“
”）.text（“added TEST 5”）；
$（“ul-li:nth child（3）”）.append（$（“
”）.text（“added TEST 6”）


测试1
测试2
测试3
测试4

如果您希望在4之后添加li项：

    $("#your_ul_id").append('<li>ADDDED TEST 5</li>');
    $("#your_ul_id").append('<li>ADDDED TEST 6</li>');

$（“#您的_ul_id”）。追加（“
添加的测试5
”）；
$（“#您的_ul_id”）。附加（“
添加的测试6
”）；

如果要在2和3之间添加li项，请使用以下选项：

$("ul li:nth-child(2)").after($("<li>").text("ADDDED TEST 2.1"));
$("ul li:nth-child(3)").after($("<li>").text("ADDDED TEST 2.2"));

$（“ul-li:nth child（2）”）。在（$（“
”）之后。文本（“添加的测试2.1”）；
$（“ul-li:nth child（3）”）。在（$（“
”）之后。文本（“添加的测试2.2”）；

或

$（“ul-li:n个孩子（2）”）。在（“
添加测试2.1
添加测试2.2
”）之后；
如果您希望在4之后添加li项：

    $("#your_ul_id").append('<li>ADDDED TEST 5</li>');
    $("#your_ul_id").append('<li>ADDDED TEST 6</li>');

$（“#您的_ul_id”）。追加（“
添加的测试5
”）；
$（“#您的_ul_id”）。附加（“
添加的测试6
”）；

如果要在2和3之间添加li项，请使用以下选项：

$("ul li:nth-child(2)").after($("<li>").text("ADDDED TEST 2.1"));
$("ul li:nth-child(3)").after($("<li>").text("ADDDED TEST 2.2"));

$（“ul-li:nth child（2）”）。在（$（“
”）之后。文本（“添加的测试2.1”）；
$（“ul-li:nth child（3）”）。在（$（“
”）之后。文本（“添加的测试2.2”）；

或

$（“ul-li:n个孩子（2）”）。在（“
添加测试2.1
添加测试2.2
”）之后；

for（设i=0；i<4；i++）{
$（“ul-li:nth child（4）”）。追加（“
添加的测试”+（i+5）+“
”；
}


测试1
测试2
测试3
测试4


for（设i=0；i<4；i++）{
$（“ul-li:nth child（4）”）。追加（“
添加的测试”+（i+5）+“
”；
}


测试1
测试2
测试3
测试4

使用before代替append：


$（“ul li:nth child（2）”）。在（$（“
”）之前。文本（“添加的测试5”）；
$（“ul-li:nth child（3）”）。之前（$（“
”）。文本（“添加的测试6”）


测试1
测试2
测试3
测试4

使用before代替append：


$（“ul li:nth child（2）”）。在（$（“
”）之前。文本（“添加的测试5”）；
$（“ul-li:nth child（3）”）。之前（$（“
”）。文本（“添加的测试6”）


测试1
测试2
测试3
测试4

如果有人仍然对如何正确（更快）地完成这项工作感兴趣，而不需要依赖：
const el=document.querySelector（'ul li:n个子（1）'
el.insertAdjacentHTML（“后端”，“添加测试6”）；
el.insertAdjacentHTML（“后端”，“添加测试5”）


测试1
测试2
测试3
测试4

如果有人仍然对如何正确（更快）地完成这项工作感兴趣，而不需要依赖：
const el=document.querySelector（'ul li:n个子（1）'
el.insertAdjacentHTML（“后端”，“添加测试6”）；
el.insertAdjacentHTML（“后端”，“添加测试5”）


测试1
测试2
测试3
测试4

您不能将
li
元素附加到
li
.append（$（“
”）.text（“added TEST 5”）
将为您提供
。
。这就是问题所在，有什么解决方案吗？您正在尝试的方法实际上是将另一个li添加到ul。你到底想要什么？我想在这个ul元素中动态创建li元素你想用新创建的li替换第二个和第三个元素吗？你不能将
li
元素附加到
li
.append（$（“
”）.text（“added TEST 5”）
将为您提供
。
。这就是问题所在，有什么解决方案吗？您正在尝试的方法实际上是将另一个li添加到ul。你到底想要什么？我想在这个ul元素中动态创建li元素你想用新创建的li元素替换第二个和第三个元素吗？不！我想告诉李元，你的问题不清楚。这是正确的方法。不！我想告诉李元，你的问题不清楚。这是正确的方法。