Demo here

Question

我是一个Javascript noob，我需要帮助在div之后添加一个代码块。

我想在以下课程

之后添加代码

<div class='post-body entry-content'>

所以mu JQuery代码必须是

$('post-body entry-content').add('<img border="0" src="http://4.bp.blogspot.com/-C4vvMEB9MyI/TfW0lduV2NI/AAAAAAAAAZc/N7HL1pUusGw/s1600/some image.png" />');

对吗？

如果我错了，请纠正我！

Answer 1

使用.after()在某个元素之后插入内容。

Answer 2

不，那是不正确的。

如果要匹配包含所有类的元素，请使用.按类选择并将它们连接在一起。
要制作图像，请使用after()。
还要确保在元素存在后执行此代码。最好的方法是用DOM ready事件包装它。

$(function() {

    $('.post-body.entry-content')
       .after('<img border="0" src="http://4.bp.blogspot.com/-C4vvMEB9MyI/TfW0lduV2NI/AAAAAAAAAZc/N7HL1pUusGw/s1600/some image.png" />');

});

Answer 3

您可以在文档就绪事件中插入代码块。

$(function(){
    $('div.post-body.entry-content').after('<img border="0" src="http://4.bp.blogspot.com/-C4vvMEB9MyI/TfW0lduV2NI/AAAAAAAAAZc/N7HL1pUusGw/s1600/some image.png" />');
});

Answer 4

取决于您的需求：

// inside, before all existing content
$(".post-body.entry-content").prepend('<img src="some image.png" />');

// inside, after all existing content
$(".post-body.entry-content").append('<img src="some image.png" />');

// outside, after
$(".post-body.entry-content").after('<img src="some image.png" />');

使用JQuery在div标签后插入代码块？

4 个答案:

Demo here