如何使用jQuery在div內編寫元素？

如何使用jQuery在另一個內部編寫<div>？如何使用jQuery在div內編寫元素？

我有一個<div>，我不能在HTML中修改，因爲我在CMS中工作。所以我想用一個點擊功能在這個<div>裏寫一個元素（<div>）。

我已經創建了點擊功能，但是如何使用jQuery編寫一個<div> INSIDE另一個特定的<div>？

2011-05-19 DiegoP.

您可以選擇內部的div現有的div，並附加一個新的div：

$('#OuterDiv').append('<div id="innerDiv"></div>');

2011-05-19 21:58:52 Andomar

這是不正確，因爲[你要創建一個兄弟（HTTP：/ /api.jquery.com/append/），而不是孩子。 – alej27 2016-12-27 02:28:30

像這樣：

$("#div1").click(function() { 

    $(this).append("<div>new div</div>"); 

});

或本：

$("#div1").click(function() { 

    var $div = $("<div/>") 
        .attr("id", "div2") 
        .html("new div"); 

    $(this).append($div); 

});

2011-05-19 21:57:07

您可以使用jQuery的包裝（）方法，將包裝您在另一個內部http://api.jquery.com/wrap/

2011-05-19 21:57:39 Claudio

$('.clickaclick').click(function(){  
    $('.parent_div').html('<div />'); 
});

這應該做到這一點，假設你不在乎那是什麼.parent_div。有這麼多的方法來做這種事情，你最好在jQuery的DOM插入方法上閱讀一下。

2011-05-19 21:59:33 dclowd9901

創建一個新元素

$('<div>')

再追加一條到你需要

$('<div>').text('im a new div').appendTo($('#divId'));

希望這有助於

2011-05-19 21:59:34 rroche

回答