利用jq的append()追加函数即可实现，如：
html：
<div class="main"><input type="button" value="添加" class="btn" />
</div>
JQ：
$(document).ready(function(){$(".btn").click(function(){
var html = '<div style="width:200px; height:30px; border:1px dashed red; margin-bottom:20px;"></div>';
$(".main").append(html);
});
});
温馨提示：内容为网友见解，仅供参考
第1个回答 2016-12-21
<html>
<head>
<title>test</title>
<script type="text/javascript" src="jquery.js"></script>
<style>
.div{margin-bottom:5px;background-color:skyblue;}
</style>
</head>
<body>
<a href="javascript:void(0)" class="add">生成一个div元素</a>
<div class="tg"></div>
</body>
<script type="text/javascript">
$(function(){
$(".add").click(function(){
var newObj = $('<div class="div"></div>');
$(".tg").append(newObj);
newObj.text("我是第"+(newObj.index()+1)+"个生成的div").attr("from","new");
});
});
</script>
</html>
<head>
<title>test</title>
<script type="text/javascript" src="jquery.js"></script>
<style>
.div{margin-bottom:5px;background-color:skyblue;}
</style>
</head>
<body>
<a href="javascript:void(0)" class="add">生成一个div元素</a>
<div class="tg"></div>
</body>
<script type="text/javascript">
$(function(){
$(".add").click(function(){
var newObj = $('<div class="div"></div>');
$(".tg").append(newObj);
newObj.text("我是第"+(newObj.index()+1)+"个生成的div").attr("from","new");
});
});
</script>
</html>
第2个回答 2016-10-12
使用html()方法添加即可
相似回答
