jQuery如何向HTML添加指定的内容

当我选取某元素后点Button后向HTML添加选取的内容？

2024-11-27 21:13:08

推荐回答（5个）

回答1：

可以定义一个全局变量，在选取该元素将此元素赋给此变量，在点button时，将此变量append到你所要添加的地方。
比如：
var tempDOM ;

function clickDOM(){
tempDOM = $(this);

}

function clickButton(){
$("#你所要添加到的div或者其他的id").append(tempDOM);

}

回答2：

$(document).ready(function(){
$("#btn2").click(function(){
$("
").appendTo("#ccc");
});
$("#btn1").click(function(){
$("#nowamagic").append("
");
});
});
这里我们必须知道一点，就是 append 和 appendTo 的区别：append 单纯的内容，appendTo 要把内容传给某个元素。
这个函数的用法有很多，比如你可以按需要追加form，在区域内追加图片等等都是可以的。

回答3：

$("#submit").click(function() {
$("#容器id").html($(this).html());
});

回答4：

用append

回答5：

示例：

JQuery Demo

This is a paragraph.

This is another paragraph.

List item 1

List item 2

List item 3

--
append() – 在指定的元素的尾部添加一个新内容。

prepend() -在指定的元素里前部添加新内容。

after() – 在指定元素前添加新内容

before() -在指定元素的后面添加新内容。

乍一看append,prepend 和after,before似乎功能一样，但append,prepend指在选中的元素本身（内部）的前面和后面，而after,before指在选择中的元素的前面和后面。