<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function(){ $("div").prevAll("p").css("background-color", "yellow");});
</script>
</head>
<body>
<h1>$("div").prevAll("p") 会选择什么？</h1>
<p>这是一个 p 元素</p>
<h2>这是一个标题</h2>
<div style="border:1px solid black;padding:10px;">
<p>这是 div 元素内的 p 元素（不会被选中，因为它与本例中选中的其他 p 元素不共享同一个父元素）。</p>
</div>
<p>这是一个 p 元素。</p>
<p>这是另一个 p 元素。</p>
<div style="border:1px solid black;padding:10px;">这是一个 div 元素（兄弟元素的选择从这个 div 开始）。</div>
<p>这是一个 p 元素（不会被选中，因为它不是 div 的前一个兄弟元素。它是 <strong>next</strong> 兄弟元素。）</p>
</body>
</html>