jquery - 在下面添加行具有给定 ID

Question

我有下一个<li>：

<li class="inner" style="width:100%;"><a style="width:100%;" id='ids1' href="#">abc</a></li>
<li class="inner" style="width:100%;"><a style="width:100%;" id='ids2' href="#">hello</a></li>
<li class="inner" style="width:100%;"><a style="width:100%;" id='ids3' href="#">cde</a></li>

我想在<li>id下附加行ids2：

<li class="inner" style="width:100%;"><a style="width:100%;" id='ids4' href="#">fgh</a>
<li class="inner" style="width:100%;"><a style="width:100%;" id='ids5' href="#">ijk</a>

我认为它应该是这样的：

$('ids2').append('<li class="inner" style="width:100%;"><a style="width:100%;" id='ids4' href="#">fgh</a><li class="inner" style="width:100%;"><a style="width:100%;" id='ids5' href="#">ijk</a>');

任何帮助表示赞赏！

Answer 1

使用.after和 ID 选择器#

$('#ids2').after('<li class="inner" style="width:100%;"><a style="width:100%;" id='ids4' href="#">fgh</a><li class="inner" style="width:100%;"><a style="width:100%;" id="ids5" href="#">ijk</a>');

编辑：我刚刚注意到在您附加的 HTML 中，您单引号了您的 ID 属性，使用双引号，因为您已经将整个字符串包装在单引号中。

Answer 2

我相信你想要这个，因为你不想把s 放在没有 a 的<li>s 里面。<li><ul>

$('#ids5').parent().after('<li>HTMLS!</li>');

这是一个快速演示：http: //jsfiddle.net/Lk328/