第一种方法:
使用$("#menu")children()html();
这样会获得"<li><ul><li></li></ul><li>"
第二种方法:
$("#menu > ul > li")
1楼正解 我替楼主试过了
<html><head><title></title></head>
<body onload="ons()">
<ul id="parent">
<li>a</li>
<li>b</li>
<li>c</li>
</ul>
</body>
<script>
function ons(){
var ul = documentgetElementById('parent');
var lis = ulgetElementsByTagName('li');
for(var i=0;i<lislength;i++){
lis[i]onclick = function(){
alert(thisinnerHTML);
}
}
}
</script>
</html>
有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')
});
注意绑定的事件，需要绑定在父元素。
我看到你的js里面并没有调用ul的id啊
<ul class="ui-list ui-list-link ui-border-tb" id="datalist_ul" name="datalist_ul">
你要的是这个ul吧？
需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：indexhtml，并引入jquery。
2、在indexhtml中的<script>标签，输入jquery代码：
$('body')append($('top1div span')attr('id'));
3、浏览器运行indexhtml页面，此时成功获取到了top1div类中span标签的id并打印了出来。
以上就是关于JQuery如何获取子元素的子元素，比如<ul id='menu'><li><ul><li></li></ul><li></ul>如何获取最里面的li全部的内容，包括:JQuery如何获取子元素的子元素，比如<ul id='menu'><li><ul><li></li></ul><li></ul>如何获取最里面的li、javascript获取当前<ul>中点击的<li> 的值、JQuery怎么获得动态添加的节点的ID等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）