js如何获取动态生成的id

js如何获取动态生成的id,第1张

通过jquery获取ID,然后拆分ID,就可以获取你要的id了

<div id="getid">

<ul>

<li id="li1">标题1</li>

<li id="li2">标题2</li>

<li id="li3">标题3</li>

</ul>

</div>

<script type="text/javascript">

$("#getid li")each(function(){

var li_id = $(this)attr("id");

id = li_idreplace("li","");

});

</script>

第一步:打开dw,新建一个html模板

第二步:利用快捷键“ctrl+s”保存这个html文件。

第三步:引入第三方jQuery库。

第四步:写上js控制新建div的代码

第五步:把获取id的代码写上。

第六步:测试代码的可行性,测试前的效果。

第七步:测试代码的可行性,测试后的效果。

注意:要引入第三方的jQuery库,还有把代码书写正确。

jquery代码可以用"$('dd a')"获取到所有的a标签,然后再循环获取这些id属性。

循环可以使用for,foreach,map等函数进行循环遍历。

jquery用"attr('id')"获取id属性,拼接起来就可以了。

通过函数参数this,将自身传递给函数。从而获取对象的name与id属性。具体代码如下:

<script language=javascript>

function temp(get_obj)

{

alert(get_objname);

alert(get_objid);

}

</script>

<body>

<input type="button" name="n1" id="bu1" value="第一个" onclick=temp(this)>

<input type="button" name="n2" id="bu2" value="第二个" onclick=temp(this)>

<input type="button" name="n3" id="bu3" value="第三个" onclick=temp(this)>

</body>

测试可用。

<!DOCTYPE html>

<html>

<head> 

<meta charset="utf-8"> 

</head>

<body>

<div id="Mandari" onclick="myFunction(this)">点击我获取DIV id</div>

<div onclick="modify()">点击我修改DIV Mandari的文本</div>

<script>

function modify()

{

var obj=documentgetElementById("Mandari");

objinnerHTML="Mandari DIV的文本修改了"

}

function myFunction(obj)

{

alert(objid);

}

</script>

</body>

</html>

$('input')click(function(){

    alert($(this)attr('id'));   //这里的$(this)就是你所点击的元素

});

以上就是关于js如何获取动态生成的id全部的内容,包括:js如何获取动态生成的id、div块用js控制innerHTML写入的新的DIV,如何获取新的div的id、js如何获取指定位置a标签的id等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/web/9542859.html

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

发表评论

登录后才能评论

评论列表(0条)

保存