Question

是否可以限制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

Demo Fiddle ：http://jsfiddle.net/JLqrc/

Answer 1

您可以使用:lt()

$('#box').children(':first').children(':lt('+num+')');

或正如MackieeE评论缩短代码

$('#box li:lt('+ num +')').text()

DEMO

文档：http://api.jquery.com/lt-selector/

Answer 2

你也可以使用.slice，

$('#box ul li').slice(0,4).text();

这使您可以更好地控制返回的4个元素 - 因为您可以将其更改为.slice(1,4)并且它将返回TwoThreeFourFive等

以下是一个示例：JSFiddle

Answer 3

$(function(){
      var num = 4;
    console.log($("#box ul li:lt("+num+")" ).text());

  })

jQuery限制返回的结果/选择

3 个答案: