<script>
function addElementDiv(obj){
var parent = document.getElementById(obj)
//添加div
var div = document.createElement("div")
//设置div属行念性
div.setAttribute("id","前和newDiv")//给div一个id
div.style.background = 'yellow'//添加背景色
div.innerHTML = "js 动态添加的div"档悔困//添加文字
parent.appendChild(div)
}
addElementDiv("parent")//运行,传参
</script>
1、首先在插吵逗入前要塌斗判断div中有几个div;
2、js代码:
<body><div id="div">
<span><div></div></span>
</div>
<button type="button" onclick="demo()">insert</button>
<script type="text/javascript">
function demo() {
if($('#div').children('div').length==0){
alert('div中没有子div!')
}
}
</script>
</body>
3、如果$('#div').children('div').length==0 那么再插入div的话,那就是第一个了,这样写是筛选的div下子div,升衫卖不包含子元素下的子div;
<button id="add">添加基或</button><div id="box"></div>
<script>
$(function(){
$("#add").on("click"搏歼伍,function(){
$("#box").append("<div><span>"+($("#box div").size()+1)+"</span><button>删除</button></div>")
})
$("#box").on("click","div button",function(){
$(this).parent().remove()
改稿 $("#box div span").each(function(i,e){
$(e).text(i+1)
})
})
})
</script>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)