通过jquery添加新的div /元素，但没有ID / class div parent

Question

我在使用jquery添加新的div元素时遇到了一些问题但div div中没有​​id / clas。

对于我要在<img>之前添加新div元素的示例，此img没有id / class，也是div parent。

我的问题是，如何用jquery创建这样的东西？

感谢所有人：）

Answer 1

如果您没有id这样的唯一标识符，则还可以使用其他选择器方法。您可以使用同级选择器或遍历DOM。如果标记是一致的，你可以做这样的事情

$('.inpagebase + div img').before(nodeToInject);

这只是一种方法。我将使用jQuery或CSS兄弟选择器来研究DOM遍历。

Answer 2

您可以使用第n个子选择器追加div。

根据示例图像，您试图将新div添加到正文中的第二个div中。

<script>
 $(function(){
   $( "body div:nth-child(2)" ).append( "<div> your content </div>" );
 });
</script>

这会将新div放在body标签的第二个div中。 find jquery documentation here