我是一個Javascript noob，我需要幫助添加一個div後的代碼塊。使用JQuery在div標籤之後插入代碼塊？

我想下面的類

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

後添加代碼，以便畝jQuery代碼必須

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

吧??

如果我錯了，請糾正我！

來源

2011-06-13 HackToHell

不，這是不正確的。

如果要匹配包含所有類的元素，請使用.按類選擇並將它們連接在一起。
爲了使圖像更清晰，請使用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" />'); 

});

來源

2011-06-13 08:12:43 alex

謝謝！我會檢查並看看 – HackToHell 2011-06-13 08:14:03

我可以在一個函數內使用它嗎？ – HackToHell 2011-06-13 08:15:40

@Hack你可以隨時隨地使用它，包括一個功能。 – alex 2011-06-13 08:16:35

使用.after()在某個元素之後插入某個元素。

來源

2011-06-13 08:12:41 ThiefMaster

您可以將文檔準備事件中的代碼塊。

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

來源

2011-06-13 08:21:53 rahul

['.add（）']（http ：//api.jquery.com/add/）不會將元素添加到DOM。 – 2011-06-13 08:41:23

修復了錯字。複製粘貼來自帖子的代碼並忘記更改方法名稱。 – rahul 2011-06-13 09:35:43

取決於你想要什麼：

// 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。

來源

2011-06-13 08:31:45

它在那裏工作，但不在我的博客:( – HackToHell 2011-06-13 08:54:02

這裏是我的代碼'' – HackToHell 2011-06-13 08:54:49

不確定你打算打電話/使用'_enabled（）'。你能編輯問題併發布更多細節。平均時間去除'$（function（）{'wrapper和相應的'}）;'。我相信_enabled函數在dom準備好之後調用，所以不需要使用'$（function）'包裝器。 – 2011-06-13 09:18:53

使用JQuery在div標籤之後插入代碼塊？

回答

Demo here。

相關問題