2016年1月 总版技术专家分月排行榜第二2015年11月 总版技术专家分月排行榜第二2015年10月 总版技术专家分月排行榜第二
优秀小版主
2016年1月 总版技术专家分月排行榜第二2015年11月 总版技术专家分月排行榜第二2015年10月 总版技术专家分月排行榜第二
优秀小版主
2007年12月 .NET技术大版内专家分月排行榜第二
匿名用户不能发表回复！|
每天回帖即可获得10分可用分！小技巧：
你还可以输入10000个字符
(Ctrl+Enter)
请遵守CSDN，不得违反国家法律法规。
转载文章请注明出自“CSDN（www.csdn.net）”。如是商业用途请联系原作者。4198人阅读
编程（19）
平时很少涉及有关 Web 的项目，这次运气好被指派了一个 (@_@);;;
这个项目用到了 DOM、Ajax、jQuery 等方面的技术，还好有点基础，搞搞弄弄也就开始手顺了，其间遇到一个小问题：利用 Ajax 或 DOM 动态创建的一个或多个对象不再响应当初定义的用户事件。
页面中包含多个 a 元素，其 href 都包含前导字符 # ，利用 jQuery 定义了 click 事件的处理函数，工作正常。
$('a[href^=&#&]').click( function () {
alert(this.hash);
可运行时通过动态创建的 a 元素，则不再响应上面定义的用户事件了。
到网上搜了搜，在
中找到了关于该问题的说明。
产生该问题的原因，是由于页面生成时注册的事件处理函数仅对注册时存在的元素产生影响，而动态创建的则被忽略了。
那么，如何让动态创建的对象也能响应用户事件呢?&这里有一个比较简单的方法，即使用 live() on() 函数：
$(document).on('click', 'a[href^=&#&]', function () {
alert(this.hash);
现在问题解决啦 (^___^)
当然，还有其他的方式，例如通过 bind() 函数解决该问题，但需要注意的是：
jQuery 在不同版本中对事件的绑定处理是不一样的，jQuery 1.4.2 将会对同一元素上多次绑定的相同事件执行多次，不会像早期版本中那样，对相同事件进行过滤处理。
&&相关文章推荐
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：94644次
积分：1141
积分：1141
排名：千里之外
原创：18篇
评论：24条
(1)(1)(1)(1)(1)(3)(2)(4)(2)(1)(1)(3)(2)(1)(1)请问我用DOM JS获取不到我js动态添加的元素的内容
&&!DOCTYPE html&&html&
&meta charset="UTF-8"/&
&title&test&/title&
&script src="/jquery/1.9.0/jquery.js" type="text/javascript"&&/script&
&script src="test.js" type="text/javascript"&&/script&
&button&增加&/button&
&ul id="ullist"&&/ul&
&/body&&/html&$(document).ready(function(){
$("button").click(function(){
var frag=document.createDocumentFragment();
var li=document.createElement("li");
li.innerHTML="&input id='testli' type='button' value='切换' title='1'/&";
frag.appendChild(li);
document.getElementById("ullist").appendChild(frag);
var getli=document.getElementsByTagName("input");
getli[0].onclick=function(){
alert("1");
谢谢。这个问题解决了，原来是要把onclick事件写在上面个添加事件里
那么问题又来了
我遍历每个input
$(&input&).each(function(){
$(this).click(function(){
alert(&1&);
然后会出现问题
当你添加1个按钮的时候是正常的
当你添加2个按钮的时候第一个按钮会alert2次
如果添加20个按钮的时候第一个按钮会alert20次
非常感谢！
写下你的评论...
Copyright (C)
All Rights Reserved | 京ICP备 号-2Jquery 怎么获取动态生成的html元素，然后给其中的元素添加样式? - ITeye问答
这是其中界面的js代码，主要去了异步去后台加载数据，然后动态写li元素及里边的a元素
$.ajax({
url: "home!subMenu",
typ:"post",
datatype:"json",
data:{"fatherId":${request.fatherId}},
success:function(data)
if(data.success)
var json = eval(data);
var menu = json.
var html ="&li class='space'&&/li&";
$.each(menu,function(i,item)
html=html+"&li&&a href='javascript:;' hint='merchant' action='"+item['url']+"?fatherId="+item['fatherId']
+"' class='merchantmenu'&" +item['text']+"&/a&&/li&"
$("#merchantSubMenu").append(html);
art.dialog(data.message);
document.location.href="home!gotoIndex";//跳转到首页
$('a[class="merchantmenu"]').each(function(){
alert("test");//这里进不来。。。。
我现在想要获取这个li列表的第一个元素给添加样式。
现在的问题 通过选择器获取不到，是ajax异步加载还没写进去吗？
采纳的答案
ajax是异步的，你那个方法和ajax在同一级，ajax还没接到返回结果，就已经执行了你那个方法了，你把那个遍历的方法放到$("#merchantSubMenu").append(html);&& 后面。
已解决问题
未解决问题通过JS动态显示html-DOM操作_Jquery_ThinkSAAS
通过JS动态显示html-DOM操作
通过JS动态显示html-DOM操作
内容来源： 网络
PHP开发框架
开发工具/编程工具
服务器环境
ThinkSAAS商业授权：
ThinkSAAS为用户提供有偿个性定制开发服务
ThinkSAAS将为商业授权用户提供二次开发指导和技术支持
让ThinkSAAS更好，把建议拿来。
开发客服微信}