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

Sna*_*SWE 2 html javascript jquery dom

我正在尝试加载的页面是这样的(尽管,"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>
Run Code Online (Sandbox Code Playgroud)

有可能只用jQuery加载前十个段落$('#text').load('other_file.html #container .p');吗?

ale*_*lex 5

使用:lt()选择器.它是从0开始的,所以p:lt(10)应该加载前10个p元素.

$('#text').load('other_file.html #container p:lt(10)');
Run Code Online (Sandbox Code Playgroud)

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