jQuery限制返回的结果/选择
jQuery限制返回的结果/选择
提问于 2014-01-22 13:58:32
是否可以限制在jQuery中返回的结果
<body>
<div id="box">
<ul>
<li>One</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
<li>Five</li>
<li>Six</li>
</ul>
</div>
<script>
$(function(){
var num = 4;
console.log( $('#box').children(':first').children(num).text() );
})
</script>
</body>这将产生以下结果：
OneTwoThreeFourFiveSix
但我想：
OneTwoThreeFour
演示Fiddle：http://jsfiddle.net/JLqrc/
回答 3
Stack Overflow用户
发布于 2014-01-22 14:00:50
您可以使用:lt()
$('#box').children(':first').children(':lt('+num+')');或者正如MackieeE注释的那样缩短代码
$('#box li:lt('+ num +')').text()演示
文档：http://api.jquery.com/lt-selector/
Stack Overflow用户
发布于 2014-01-22 14:03:47
你也可以用.slice，
$('#box ul li').slice(0,4).text();这使您可以更多地控制返回的4个元素--因为您可以将其更改为.slice(1,4)，并返回TwoThreeFourFive等。
下面是一个例子：JSFiddle
Stack Overflow用户
发布于 2014-01-22 14:06:07
$(function(){
var num = 4;
console.log($("#box ul li:lt("+num+")" ).text());
})页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/21284953
复制相关文章
相似问题
腾讯云开发者
