1、HTML结构:设置id为test的ul下有4个列表元素
<ul>
<li>Glen</li>
<li>Tane</li>
<li>John</li>
</ul>
2、jquery代码:点击列表后获取li数量
$(function(){
$("#test")click(function()
{
alert($("#test
li")length);
//
获取id为test的ul下的li元素的数量
});
});为ul标签命名,比如:id="myul",以下是js代码取得该ul标签中li标签的个数\x0d\\x0d\\x0d\functiongetCount(){\x0d\varcount=documentgetElementById("myul")getElementsByTagName("li")length;\x0d\alert(count);\x0d\}\x0d\var getU = function(html, ul_id){
var reg = new RegExp("[\\s\\S]<ul[^>]+id[=\"\']+"+ul_id+"[\"\'][^>]>((:(!<\/ul>)[\\s\\S]))<\/ul>[\\s\\S]","gi");
var str = htmlreplace(reg,"$1");
var regex = /<a>((:(!<\/a>)[\s\S]))<\/a>/gi;
var arr = [];
while(regexexec(str)){
arrpush(RegExp$1);
}
return arr;
}
var html = "<ul id='e5e'>\r\n<li><a>e5e1</a></li>\r\n<li><a>e5e2</a></li>\r\n</ul>\r\n<ul id='x6'>\r\n<li><a>x61</a></li>\r\n<li><a>x62</a></li>\r\n</ul>\r\n<ul id='dd2'>\r\n<li><a>dd21</a></li>\r\n<li><a>dd22</a></li>\r\n</ul>";
var ul_id = "x6";
var arr = getU (html, ul_id);
consolelog(arr);首选假设有一个DOM结构
<div id="content">
<ul><li>1</li></ul>
<ul><li>2</li></ul>
</div>
现在我取content元素下的第二个ul元素下的li元素的个数,代码如下
$(function(){
$("#content ul:nth-child(2)")children("li")length;
});
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)