例子,jquery如何动态添加删除html标签。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>jquery动态添加和删除html标签 - www.jb200.com</title>
<script src="js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
var spotMax = 3;
if($('div.spot').size() >= spotMax) {$(obj).hide();}
$("input#add").click(function(){ addSpot(this, spotMax);
});
});
function addSpot(obj, sm) {
$('div#spots').append(
'<div class="spot">' +
'<input type="text" name="spot_title" /> ' +
'<input type="text" name="spot_addr" /> ' +
'<input type="text" name="spot_url" /> ' +
'<input type="button" class="remove" value="Delete" /></div>')
.find("input.remove").click(function(){
$(this).parent().remove();
$('input#add').show();
});
if($('div.spot').size() >= sm) {$(obj).hide();}
};
</script>
</head>
<body>
<form action="test.php" method="post" name="asdf" id="asdf">
<div id="spots">
<input type="button" id="add" name="add" value="add" /><br />
</div>
<input type="button" name="Submit" value="Submit" id="send" />
</form>
<script>
$('#send').click(function(){
alert('Demonstration Only: submit disabled');
});
</script>
</body>
</html>