有2种方法:
最简单的方法就是直接在标签中写onclick="",但是这样写其实是有点low的,
1
2
3
4
5
6
7
8
9
10
11
<p id="pLabel">新加一条</p>
<ul id="ulLabel">
<li class="liLabel">aaa1</li>
<li class="liLabel">aaa2</li>
<li class="liLabel">aaa3</li>
</ul>
<script type="text/javascript">
$("#pLabel")click(function(){
$("#ulLabel")append('<li class="liLabel">aaaQ</li>'); //动态像ul的末尾追加一个新元素
});
</script>
方法一:使用live
live()函数会给被选的元素绑定上一个或者多个事件处理程序,并且规定当这些事件发生时运行的函数。通过live()函数适用于匹配选择器的当前及未来的元素。比如,通过脚本动态创建的元素。
1
2
3
$('liLabel')live('click', function(){
alert('OK');
});
方法二:使用on
可以通过on方法绑定事件,可以绑定到它的父级或者body中,实现如下:
1
2
3
4
5
6
7
$("#ulLabel")on('click','liLabel',function(){
alert('OK')
});
或者:
$("body")on('click','liLabel',function(){
alert('OK')
});
注意绑定的事件,需要绑定在父元素。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 401 Transitional//EN">
<html>
<head>
<title>MyHtmlhtml</title>
<meta >
以上就是关于JQuery怎么获得动态添加的节点的ID全部的内容,包括:JQuery怎么获得动态添加的节点的ID、如何获取动态创建的文本框的id、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)