Jquery使用索引替换li？

Question

我需要替换一个li，例如（注意：ID可能并不总是按顺序排列）

<ul>
<li id="first"></li>
<li id="second"></li>
<li id="third"></li>
<li id="fourth"></li>
<li id="fifth"></li>
</ul>

所以说我想用新的<li>替换id“third”，我知道我可以用

获取索引

$("li").index("#third"); 

然后我可以用

删除它

$("#third").remove();

如何将其替换为新的<li>？

我知道最简单的解决方案是简单地替换里面的数据 <li>，但不幸的是，这不是一个选项

Answer 1

$('#third').replaceWith('<li>Foo</li>');

例如。

Answer 2

您是否考虑过使用replaceWith()方法？

$('#third').replaceWith('<li>Hello world</li>');

或者，你提到使用索引;如果你想删除第3个列表项，可以使用eq()选择正确的列表项，然后替换为，如下所示：

$('li').eq(2).replaceWith('<li>Hello world</li>');

Answer 3

您真正需要的是.replaceWith()功能。

不确定您认为自己需要index() for。