【问题标题】：Inserting a code block after a div tag using JQuery?使用 JQuery 在 div 标签后插入代码块？
【发布时间】：2011-06-13 08:11:10
【问题描述】：

我是 Javascript 菜鸟，我需要帮助在 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" />');

对吗？？

如果我错了，请纠正我！

【问题讨论】：

标签： javascript jquery image class html

【解决方案1】：

不，这是不正确的。

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

$(function() {

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

});

【讨论】：

我可以在函数中使用它吗？
@Hack 你可以在任何你喜欢的地方使用它，包括一个函数。
@alex 我收到这个错误 Uncaught TypeError: Property '$' of object [object DOMWindow] is not a function
@alex 现在我收到此错误 Uncaught SyntaxError: Unexpected token } 我不明白为什么要显示？！！
@alex 这是我的代码<script type="text/javascript"> function _enabled() { $(function(){ $('.debug').after('<img border="0" src="http://4.bp.blogspot.com/-C4vvMEB9MyI/TfW0lduV2NI/AAAAAAZc/N7HL1pUusGw/s1600/alock+plus+witelist.png" />'); }); var _abdDetectedFnc = '_enabled'; var _abdNotDetectedFnc = '_disabled'; } </script>

【解决方案2】：

使用.after() 在某个元素之后插入一些东西。

【讨论】：

【解决方案3】：

取决于你想要什么：

// 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" />');

Demo here.

【讨论】：

这是我的代码<script type="text/javascript"> function _enabled() { $(function(){ $('.debug').after('<img border="0" src="http://4.bp.blogspot.com/-C4vvMEB9MyI/TfW0lduV2NI/AAAAAAZc/N7HL1pUusGw/s1600/alock+plus+witelist.png" />'); }); var _abdDetectedFnc = '_enabled'; var _abdNotDetectedFnc = '_disabled'; } </script>
不确定您是否打算致电/使用_enabled()。您可以编辑问题并发布更多详细信息吗？同时删除$(function () { 包装器和相应的});。我相信 _enabled 函数在 dom 准备好后的某个时间被调用，因此无需使用 $(function) 包装器。

【解决方案4】：

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

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

【讨论】：

修正了错字。复制粘贴帖子中的代码，忘记更改方法名称。