jQuery限制显示的元素数量,如5

时间:2011-08-04 05:27:32

标签: jquery jquery-selectors

我得到了这样说:

<ol>
<li>Content1</li>
    <li>Content2</li>
    <li>Content3</li>
    <li>Content4</li>
    <li>Content5</li>
    <li>Content6</li>
    <li>Content7</li>
    <li>Content8</li>
    <li>Content9</li>
    <li>Content10</li>
    <li>Content11</li>
    <li>Content12</li>
    <li>Content13</li>
</ol>

js是这样的:

$("li").hide()
$("li:contains('Content')").show()

Qusetion

现在我如何限制所显示元素的数量,让我们说5?

2 个答案:

答案 0 :(得分:10)

$("ol li:contains('Content')").slice(0, 5).show();

或:

$("ol li:contains('Content'):lt(5)").show();

答案 1 :(得分:1)

试试这个 -

$("ol li:contains('Content'):lt(5)").show();