1、通过过滤器获取li数组
var lis = $('div li');//表示获取div下所有的直接或者非直接li节点。2、循环lis方式获取每个li元素
for(var i=0;i<lislength;i++){var li = lis[i];//获取每个li元素
}
1、新建一个html文件，命名为testhtml，用于讲解JS如何获取指定DIV下的子元素LI的值。
2、在testhtml文件内，在div标签内，使用ul、li标签创建两个项目列表，li元素的值分别为项目一、项目二。
3、在testhtml文件内，设置div标签的id为mydiv，主要用于下面通过该id获得mydiv对象。
4、在testhtml文件内，使用button标签创建一个按钮，按钮名称为“获取LI的值”。
5、在testhtml文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行getli
6、通过获得li对象，使用each()方法遍历每一个li对象，通过text()方法获得li的值，使用push()方法将获得li值存进数组中。最后，使用alert()方法将所有li值输出。
7、在浏览器打开testhtml文件，点击按钮，查看结果。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>show</title>
<style type="text/css">
div {
float: left;
width: 100px;
height: 80px;
border: 1px solid #0ff;
margin-right: 5px;
display:block;
}
</style>
<!--$("btn")是找到class="btn"的信息，直接each循环出div，里面的children()，里面的item，就是你想要的子元素了，（深圳网站建设:=">
如果相对div中间的内容处理的更佳完备，我建议用jquery来处理，简单举个例子：$("div")text(); 获取中间的文本，不包括html标签；$("div")html(); 获取中间的所有内容，$("div:first")html(); 获取第一个DIV中间的所有内容等等，是不是觉得比单纯的javascript脚本更完善呢？
var width=0;
$('div_big>')each(function(){
width+=$(this)outerWidth()
})
你好，不知，你写这个做什么用？如果是定位，你可以看一下offset这个函数。
jQuery的方式：
$('div#id')find('p')each(function(i, obj){
var txt = $(obj)html();
var count = txtsplit(/<br\s\/>/)length;
alert(count);
});
或者：
$('div#id')find('p')each(function(i, obj){
var txt = $(obj)text();
var count = txtsplit(/\n/)length;
alert(count);
});
#id中的id要换成你的div的id值。
如果不是用<br>换行，那得用p的宽度和字符的大小来计算，还得考虑自动折行，比较复杂。
你这问题，和之前某人的一样。
先说结论：极度不推荐你使用这样的正则去从html中提取相关内容。
原因：
除非，你确保你的代码，使用正则表达式去匹配html内容的代码，所需处理的html是很简单的，内容很少的，嵌套很少的，否则，稍微复杂点的html代码，N多标签，甚至本身html就是不完整的，标签有误的。那么通过写正则表达式去处理的话，就是极其繁琐，效率比较低的。
比较好的做法是：
使用相关的，专门解析html的库去处理html
比如Python中，使用BeautifulSoup：
总结Python的第三方库BeautifulSoup的使用心得
其他语言，也有其他对应的处理html的库。
单独对于你这个，特定的，相对比较简单的，只有一级内部嵌套的div的写法，可以写成：
Python
"<div[^>]+>+<div>(+)</div></div>", reI
其中reI表示不区分大小写
PHP/Perl等
#<div[^>]+>+<div>(+)</div></div>#i
或
/<div[^>]+>+<div>(+)<\/div><\/div>/i
总之，还是不推荐用正则处理复杂的html。
刚专门给你写了个帖子，自己去看吧：
整理关于用正则表达式处理html代码方面的建议
（此处不能贴地址，请用google搜标题，即可找到帖子地址）
以上就是关于jquery如何获取div中li元素全部的内容，包括:jquery如何获取div中li元素、JS如何获取指定DIV下的子元素LI值、jQuery怎么获取一个DIV下所有元素的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）