Question

这是清楚的吗？

Answer 1

使用CSS3 nth-child选择器。例如。第二：

$('#target>:nth-child(2)')

Answer 2

......如果你需要它们：

var lowerBoundary = 0;
var upperBoundary = 4;

var wrappedSet = $("#target > *")
                  .filter
                  (
                    function(i)
                    {
                      return i >= lowerBoundary && i <= upperBoundary;
                    }
                  );

alert(wrappedSet.size());

这将wrappedSet设置为包含目标的前五个元素作为一个组。

Answer 3

另一种方法是做一些像

这样的事情

 $("#target > :lt(5)");

Answer 4

试试这个：

$('#testdiv > :lt(5)');

它将返回结果集中小于n（基于零）

的所有元素

<html xmlns="http://www.w3.org/1999/xhtml">
<head >
    <title></title>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

</head>
<body>
    <div id="testdiv">
        <input id="Text1" type="text" />
        <input id="Text2" type="text" />
        <input id="Text3" type="text" />
        <input id="Text4" type="text" />
        <input id="Text5" type="text" />
        <input id="Text6" type="text" />
        <input id="Text7" type="text" />
    </div>
</body>

<script type="text/javascript">

    var items = $('#testdiv > :lt(5)');

</script>

</html>

因此，上面的代码将在前五个文本框中返回前五个元素。

如何使用jQuery获取特定<div id =“target”>的第1，第2，第3，第4，第5个子元素？</div>

4 个答案: