如何添加动态Id's并在运行时提取它们
How do i Add Dynamic Id's and Extract them at run time
我从数据库中得到一个结果,并根据结果创建动态列表
$.each(resultpost, function (i, data) {
$(".myblogs ul").append('<li><a href="#" id=' + data.PId + '>' + data.Title + '</a></li>');
});
我的列表正在创建中,但当我点击其中一个链接以准确地知道点击了哪个链接时,我该怎么办。
试试这个:为生成的链接注册点击事件处理程序并检查id
$(".myblogs ul").on("click","li a", function(){
alert($(this).attr('id'));
});
将委托的单击处理程序添加到父元素,然后在该处理程序中使用this
来引用被单击的元素。试试这个:
$('.myblogs ul').on('click', 'li a', function(e) {
e.preventDefault(); // stop the link being followed (optional)
alert(this.id); // shows the id of the clicked li element
});
添加增量id
属性是一件痛苦的事情,会导致维护问题,最好尽可能避免。
相关文章:
- 使用压缩的JavaScript文件(不是运行时压缩)
- 如何在运行时在angular 2中加载外部js脚本
- JavaScript错误:Microsoft JScript运行时错误:应为对象
- Google 脚本:用于创建日历活动的脚本运行时不会出错,但不会执行任何操作
- http.listen()在运行时接受终端命令
- 自定义运行时Can'在谷歌应用引擎中看不到我的自定义日志
- 实现比较方法的最佳实践是什么;s的比较类型是在运行时选择的
- JavaScript运行时是如何工作的
- 在运行时创建元素时移到一边时出错
- innerHTML的子字符串可以在初始调用时提取吗
- 如何在运行时在HTML5画布中绘制正方形
- 如何在运行时使用javascript隐藏图像
- 在运行时使用jquery准备表体会导致设计问题
- 使用主题运行时portlet liferay时出现Javascript错误
- JavaScript运行时事件循环现有技术
- Appcelerator Titanium:在运行时下载并解释JavaScript代码
- angularjs ng点击运行时标记不起作用
- 在函数运行时显示对话
- 如何在javascript中在运行时获取对象/数组
- 如何添加动态Id's并在运行时提取它们