jQuery如何选择ul下前3个li我页面上有3个ul

$(function() {

$("ul")find("li:lt(3)")children("a")html("1");

});

这样就可以啦。

在每一个li标签加点击事件，在事件里面获取当前点击的元素，大概方法如下：

$("#nav_ul li")live('click',function(){

//此时就可以对你当前点击的元素即li标签做相应的 *** 作了，比如设置选中li的样式

$(this)css({'stylename':'stylename'});

})

jquery的 length 属性用以获取包含 jQuery 对象中元素的数目：

$("a b li")length;    // a类后代b类中包含的li元素的数量

综合示例如下：

创建Html元素

<div class="box">

<span>点击按钮获取li数量：</span><br>

<div class="content">

<div class="test">

<ul>

  <li>John</li>

  <li>Karl</li>

  <li>Brandon</li>

</ul>

</div>

<div class="test">

<ul>

  <li>Glen</li>

  <li>Tane</li>

  <li>Ralph</li>

  <li>Ralph</li>

</ul>

</div>

<div class="test">

<ul>

  <li>John</li>

  <li>Karl</li>

  <li>Brandon</li>

</ul>

</div>

</div>

<input type="button" value="获取li的数量">

</div>

设置css样式

divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}

divbox span{color:#999;font-style:italic;}

divcontent{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}

input[type='button']{height:30px;margin:10px;padding:5px 10px;}

ul{padding:5px 25px;border:2px dashed #cc6699;}

编写jquery代码

$(function(){

$(":button")click(function() {

tol = $("content test li")length;

num = $("content test ul")map(function() {

return $(this)find("li")length;

})get()join(',');

alert("不同div下的li数量分别为："+num+",总数为："+tol+"。");

});

})

观察效果

实现思路：使用jQuery的length属性获取对象中元素的数目，$(selector)length。实例演示如下：

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元素的数量

});

});

以上就是关于jQuery如何选择ul下前3个li我页面上有3个ul全部的内容，包括:jQuery如何选择ul下前3个li我页面上有3个ul、用JQ选中ul中多个li标签，我单击某个标签时选择这个标签。为什么总是选中第一个li、Jquery怎么遍历div里面的div里面的ul的li数量，有代码求修改等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！