Javascript 查找一个元素，然后在下一个元素之后插入内容

在过去的几个小时里，我一直在努力处理这段代码。 希望你能帮助我：） 我努力实现的目标：

找到一个元素

在（1）中的元素后面插入html

这是我的HTML：

<div class="paragraph" data-template="1" data-id="1"></div>
<div class="icons"></div>

。。其中$（数据）是一个HTML字符串

这是失败的。 如果我删除next（）函数，它会在图标之前插入，但这不是我想要的：

$(data).insertAfter('.paragraph').find('[data-id="'+appendAfter+'"]');

因此，查找元素是可行的，但不会跳过之后的元素，然后插入

干杯， 罗伯特

试试这个：

如果

.paragration

元素是

.icons

的父元素，则

next（）

将不起作用，因为它会查找同级元素。您需要使用

find（）

获取子元素：

$('.paragraph[data-id="' + appendAfter + '"]').find('.icons').after(data);

---

我想你想要的是：

$(".paragraph").next().after(data)

你可能需要考虑什么是数据——它是HTML，还是元素？

这就是你的意思吗？< /P>

$('.paragraph').next('.icons').after(data);

---

由于您正在查找下一个，因此跳过

分区段落

会像这样结束

<div class="paragraph" data-template="1" data-id="1"> ..something.. </div>
<div class="icons">

或者如果

div.paration

是

div.icons

的父项，则表示不按上述方式关闭

$(data).insertAfter($('.paragraph[data-id="'+appendAfter+'"]').find('.icons'));

---

你说的“失败”是什么意思？你有Javascript错误吗？什么都没发生吗？你把内容插错地方了吗？太好了，谢谢！我用正确的HTML编辑了我的原始帖子。这是我在这里的第一篇帖子，所以我还在想如何编辑。

$(data).insertAfter($('.paragraph[data-id="'+appendAfter+'"]').next('.icons'));

$(data).insertAfter($('.paragraph[data-id="'+appendAfter+'"]').find('.icons'));