js或者jq怎样获取动态生成的元素的属性比如top ,height?

js或者jq怎样获取动态生成的元素的属性比如top ,height?,第1张

设定jq动态生成元素方法一,然后获取动态生成元素的属性的方法设为方法二。

只需先执行方法一后再执行方法二即可获得动态生成的元素的属性(必须在方法一执行后再执行方法二才能获取到)。

代码示例:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

<script src="http://pu-datacastle.oss-cn-qingdao.aliyuncs.com/master.third.source/js/jquery-2.1.4.min.js" type="text/javascript" charset="utf-8"></script>

</head>

<body>

<div class="test" style="width: 100pxheight: 100pxborder: 1px solid red"></div>

<script>

$(function(){

console.log("width:"+$(".test2").height())//获取不到

$(".test").append("<div class='test2' style='height: 50pxwidth: 50pxborder: 1px solid #cccmargin: 0px auto'>test</div>")//动态生成元素

console.log("width:"+$(".test2").height())//获得动态生成元素的属性

})

</script>

</body>

</html>

望采纳!

首先我要问一下你的jquery版本是多少?如果是jquery1.8以后的话,jquery的attr方法已经用prop方法替代了,prop方法的用法和attr完全一样,jquery1.8以后的attr方法会出现你说的问题。你把attr改成prop试一下


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11902815.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存