做个判断，如果元素已经存在就不创建，不存在时，再创建．
<div class="DIY-TipDialog"><span>创建的元素</span></div>if(!$('DIY-TipDialog')){$(body)append('<div class="DIY-TipDialog"><span>创建的元素</span></div>');
}
用jq获取一个div内部所有input[type='text']的值，代码如下：
<div id="divid">
<div><input type="hidden" value="456"></div>
</div>
<script type="text/javascript">
$("#divid input[type=hidden]")each(function () {
consolelog(thisvalue);
})
</script>
扩展资料
var allChildDiv=$('#addDiv')find("div")//找到addDiv下面的所有div
for(var a=0;a<allChildDivlength;a++){
allChildDiveq(a)find('input[name="username"]')//用户名
allChildDiveq(a)find('input[name="pwd"]')//密码
};
参考资料：
百度百科 input （函数）
jquery中获取当前dom元素的子元素的方法有很多，常见的方法是使用children()方法或者fand()方法都是可以获取到某个元素的子元素的,children() 方法返回匹配元素集合中每个元素的子元素，find()方法获得当前元素集合中每个元素的后代，通过选择器、jQuery 对象或元素来筛选。
工具原料：jQuery、编辑器、浏览器
一、使用children()方法获得子元素
1、使用该方法获取子元素并设置子元素的字体为蓝色，代码如下：
<!DOCTYPE html><html>
<head>
<script type="text/javascript" src="/jquery/jqueryjs"></script>
<style>
body { font-size:16px; font-weight:bolder; }
p { margin:5px 0; }
</style>
</head>
<body>
<div>
<span>Hello</span>
<p class="selected">Hello Again</p>
<div class="selected">And Again</div>
<p>And One Last Time</p>
</div>
<script>$("div")children("selected")css("color", "blue");</script>
</body>
</html>
2、运行的效果如下图：
二、使用find()方法获取子元素
1、使用fand()方法获取子元素并且进行选择器的筛选，代码如下图：
<!DOCTYPE html><html>
<head>
<script type="text/javascript" src="/jquery/jqueryjs"></script>
</head>
<body>
<p><span>Hello</span>, how are you</p>
<p>Me I'm <span>good</span></p>
<script>
$("p")find("span")css('color','red');
</script>
</body>
</html>
2、运行的结果如下图：
设定jq动态生成元素为方法一，然后获取动态生成元素的属性的方法设为方法二。
只需先执行方法一后再执行方法二即可获得动态生成的元素的属性(必须在方法一执行后再执行方法二才能获取到)。
代码示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src=">
以上就是关于JQ点击创建元素,如何做到一次只创建一个，等创建出来的元素在body种被删除了，才能在创建新的元素全部的内容，包括:JQ点击创建元素,如何做到一次只创建一个，等创建出来的元素在body种被删除了，才能在创建新的元素、如何用jq获取一个div内部所有input[type='text']的值、jquery中如何获取当前DOM对象里的子元素等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）