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>

我想在ID为<li>的{{1}}下添加行：

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>

任何帮助表示赞赏！

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

我相信你想要这个，因为你不想在没有<li>的情况下将<li>放在<ul>内。

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

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

在<li>下添加具有给定ID </li>的行

2 个答案: