Question

我正在尝试加载的页面是这样的（尽管，“text”类的段落数量每次都不同）：

<html>
<body>
<div id="container">
<p class="text">1</p>
<p class="text">2</p>
<p class="text">3</p>
<p class="text">4</p>
<p class="text">5</p>
<p class="text">6</p>
<p class="text">7</p>
<p class="text">8</p>
<p class="text">9</p>
<p class="text">10</p>
<p class="text">11</p>
<p class="text">12</p>
<p class="text">13</p>
<p class="text">14</p>
<p class="text">15</p>
<p class="text">16</p>
<p class="text">17</p>
<p class="text">18</p>
<p class="text">19</p>
<p class="text">20</p>
<p class="sometext">Some other text here</p>
</div>
</body>
</html>

是否可以使用jQuery加载前十个段落，例如$('#text').load('other_file.html #container .p');？

Answer 1

使用:lt()选择器。它是从0开始的，因此p:lt(10)应加载前10个p元素。

$('#text').load('other_file.html #container p:lt(10)');

请记住，仍然会下载整个响应，只有通过选择器显示一个子部分。

Answer 2

您可能想要使用:lt()选择器：

$('#text').load('other_file.html #container p:lt(10)');

Answer 3

尝试使用:lt()选择器

http://api.jquery.com/lt-selector/

$('#text').load('other_file.html #container p:lt(10)')

Answer 4

您可以使用CSS3样式的选择器仅加载前10个元素：

$('#text').load('other_file.html #container .p:nth-child(-n+10)');

这将加载p元素中的前10个#container元素。

文档：http://api.jquery.com/nth-child-selector/（请注意，nth-child从一开始，而不是零）

jQuery使用特定类加载前十个元素

4 个答案: