$("ul").append('<a href=""></a>') /* ul 内-后面 插入内容 */
$("ul").before('<a href=""></a>') /* ul 外-前面 插入内容 */
$("ul").after('<a href=""></a>') /* ul 外-后面 插入内容 */
<!DOCTYPE html><html>
<head>
<script src="
<link href="
<link href="
<style>
.selectcase li {float:left list-style:none outside none}
</style>
<script src="
<script src="
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
<ui id="tags">
<li>AAAAA</li>
<li>BBBBB</li>
<li>CCCCC</li>
</ui>
当前条件
<div>
<ui class="selectcase">
</ui>
</div>
<script>
$(function(){
$("#tags li").click(function(){
var tagsName = $(this).text(),
selectCase = $(".selectcase:eq(0)")
if(selectCase.find("[data-id='"+ tagsName +"']").size()==0){
var selectTags = "<li><a class=\"btn btn-primary\" data-id=\""+ tagsName +"\">"+ tagsName +"<button class=\"close closetag\" type=\"button\" >×</button></a></li>"
selectCase.append(selectTags)
}
})
tagCloseSelf()
})
function tagCloseSelf(){
$(".selectcase").on("click", ".btn", function(){
$(this).parent().remove()
})
}
</script>
</body>
</html>
效果见http://jsbin.com/jewe/3/edit
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）