<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="http://apps.bdimg.com/libs/bootstrap/2.3.2/css/bootstrap.min.css">
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript" src="http://apps.bdimg.com/libs/bootstrap/2.3.2/js/bootstrap.min.js"></script>
</head>
<body>
<button class="btn btn-large" type="button">Large button</button>
<ol id="ssss">
</ol>
<script type="text/javascript">
$("button[type='button']").click(function(){
$("#ssss").append('<li><a href="#">123</a><i class="icon-remove"></i></li>');
});
</script>
</body>
</html>
点击按钮一次添加一个<li><a href="#">123</a><i class="icon-remove"></i></li>
那么如何点击一下<i class="icon-remove"></i>
,就可以删除此条的<li></li>
里的内容?
刚点进来就发现小秦同学回答了,利用事件冒泡,绑定在动态生成元素的父元素$("#ssss")上就可以了