Question

<div class="test">
    <p>1</p>
    <p>2</p>
    <p>3</p>
    <p>4</p>
</div>

如何从中获取HTML？除了第一个

。所以基本上我需要获得第2行，第3行和第4行

Answer 1

使用not jquery函数，如下所示：

＆＃13;

let el = $("p").not( ":first");
console.log(el.text())

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="test">
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
</div>

＆＃13;

Answer 2

$('.test').find('p').not(':first')

使用class === test的内部节点，找到不是第一个元素的所有p元素

Answer 3

试试这个snppet

无功能说明：

:not()内接受所有选择器，例如：:not(div a)和:not(div,a).
除了将复杂的选择器或变量推送到.not()选择器过滤器之外，:not()方法最终会为您提供更多可读选择。在大多数情况下，这是一个更好的选择。 first（）的解释：
此方法不接受任何参数。
给定一个表示一组DOM元素的jQuery对象，.first（）方法从该集合中的第一个元素构造一个新的jQuery对象。

＆＃13;

$(document).ready(function(){
 var p=$(".test > p:not(:first)").text();
 alert(p);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="test">
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
</div>

＆＃13;

Answer 4

删除第一段后获取元素的html：

＆＃13;

var clone = $('.test').clone()
clone.find('p').first().remove();
console.log(clone.prop('outerHTML'));

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="test">
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
</div>

＆＃13;

Answer 5

As written by @Brian, try to do as follows:

$(document).ready(function(){
    $("p").not(":first").css("color", "red");
});

instead of .css, you can set what you prefer.

jQuery从<div>中选择html内容，第一段除外

5 个答案: