Question

如何使用jQuery在另一个内部编写<div>？

我有一个<div>我无法在HTML中修改，因为我在CMS中工作。所以我想在这个<div>中使用点击功能编写一个元素（<div>）。

我已经创建了click函数，但是如何用jQuery写<div> INSIDE另一个特定的<div>？

Answer 1

您可以选择现有的div，并为其添加一个新的div：

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

Answer 2

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

应该这样做，假设你不在乎.parent_div中的内容。有很多方法可以做这种事情，你最好先阅读一下jQuery的DOM插入方法。

http://api.jquery.com/html/

http://api.jquery.com/append/

http://api.jquery.com/appendTo/

http://api.jquery.com/prepend/

http://api.jquery.com/prependTo/

http://api.jquery.com/text/

Answer 3

像这样：

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

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

});

或者这个：

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

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

    $(this).append($div);

});

Answer 4

创建一个新元素

$('<div>')

然后将其附加到您需要的地方

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

希望这会有所帮助

Answer 5

您可以使用jQuery wrap（）方法，将内部div包装在另一个http://api.jquery.com/wrap/

中

如何使用jQuery在div中编写元素？

5 个答案: