js如何获取动态的id

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

1、新建一个html文件,命名为testhtml。

2、在testhtml文件中,使用script标签加载jqueryminjs文件,成功加载该文件,才能使用jquery方法

3、在js标签内,在页面加载完成时,获取body对象,使用append()方法向body动态添加一个div元素。

4、在testhtml文件中,使用button标签创建一个按钮,按钮名称为“获取id值”。

5、在testhtml文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行getid()函数。

6、在js标签内,创建getid()函数,在函数内,通过元素名称获得div对象,使用attr()方法获得动态添加div的id值,并使用alert()方法将值输出。

7、在浏览器打开testhtml文件,点击按钮,查看结果。

function onmousedown(e)
{
var ev=e || event;
var id=evtargetid;//获取鼠标按下对应的对象的id
var result=$("#"+id)hasClass("idDrag");//判断是否有 class是否是="idDrag"
}

$("input")attr("id");如果有多个input 呢? 你可以给input添加一个class , 然后$("你设置的class")attr("id"); 。 如果你的input放在某个元素中的话就更好取了

使用JavaScript获取某个元素的属性值可以使用jQuery中的选择器+attr()方法。
工具原料:编辑器、浏览器
1、实现的思路是先使用选择器通过id获取到这个元素,然后使用attr方法获取某个属性的值,代码如下:

<div id="div1" class="test">

</div>
<script>
consolelog($('#div1')attr('class'));
</script>
2、运行的结果是获取到了class的值test,如下图:

html:
<input type="text" id="txt_name" name="txt"/>
JS中 input中两种方法实现,通过name值取得id值
js:
1var input_txt=$("input")attr("name");
if(input_txt=='txt'){
consolelog($("input")attr("id"));
}

2var id=[];
$(input[name])each(function(){
idpush({name:thisname,id:thisid});
});
consolelog($(input[name=txt])attr('id'));

你的id命名有问题,不能全是数字或者数字开头
如果你只是想用li存数据的话,你自己定义一个属性比如mydata
然后你可以通过getAttribute('mydata')来读取这个属性的值


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

原文地址: http://outofmemory.cn/yw/13359577.html

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

发表评论

登录后才能评论

评论列表(0条)

保存