01第1節：prev()方法
一、prev()含義：
在jQuery中，對Html DOM的遍歷是全方位的，可以向上級遍歷祖先、也可以向下遍歷子孫，當然還可以平行遍歷同胞。
在使用jQuery遍歷同胞時，可以遍歷上一個同胞，也可以遍歷下一個同胞。
使用jQuery中的prev()方法可以遍歷當前所選元素的上一個同胞元素，也就是平行級別上面的同胞元素。
prev()方法只能獲取同級別的上一個Html元素，並且是不包含當前被選Html元素的。
二、編寫代碼：
現在，我們使用jQuery封裝好的prev()方法，對當前Html元素遍歷上一個同胞元素。
Html+JavaScript代碼如下：
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title></title><script src="jquery-3.3.1.js"></script><script type="text/javascript">$(function () {var nextEle = $("#div4").prev();console.log(nextEle);});</script></head><body><div><div id="div1"></div><div id="div2"></div><div id="div3"></div><div id="div4"></div><div id="div5"></div><div id="div6"></div></div></body></html>
這裡使用了不帶參數的prev()方法，對id=div4的div元素獲取上一個Html元素。從Html結構上看，id=div4的上一個同胞元素是id=div3的div元素。
三、運行結果：
將上面的代碼運行，並調出瀏覽器的控制臺窗口，如下圖所示：
圖1
在圖1中，得到的Html元素是id=div3的div元素，這個div元素是與id=div4同級別的，但是在id=div4的上面且緊挨著。
02第2節：prevAll()方法
一、prevAll()含義：
jQuery中的prev()方法只能獲取一個同胞元素，而使用prevAll()方法，則可以得到當前所選Html元素的同級別所有向上的同胞元素。
同樣，prevAll()方法獲取到的元素也不包含當前所選元素。
注意：prevAll()方法獲取到的Html元素是多個，因此，得到的結果是一個元素的集合。
二、編寫代碼：
現在，我們使用jQuery的prevAll()方法獲取id=div4元素的所有上面的同胞元素。
Html+JavaScript代碼如下：
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title></title><script src="jquery-3.3.1.js"></script><script type="text/javascript">$(function () {var nextEle = $("#div4").prevAll();console.log(nextEle);});</script></head><body><div><div id="div1"></div><div id="div2"></div><div id="div3"></div><div id="div4"></div><div id="div5"></div><div id="div6"></div></div></body></html>
從HTML結構上看，id=div4元素的向上所有的同胞元素有div1、div2和div3。
三、運行結果：
運行上面的代碼，並打開瀏覽器的控制臺窗口：
圖2
在圖2的結果中，遍歷到了3個Html元素，分別為div3、div2和div1，從獲取到的順序上看，先得到了div3，這表示prevAll()方法遍歷時，是從下向上遍歷的。
03第3節：prevUntil()方法
一、prevUntil()含義：
jQuery中的prevUntil()方法，主要功能是得到兩個Html元素之間的同胞元素，不會包含兩頭的Html元素。
也可以這麼理解，prevUntil()方法用於獲取在多個同級別的Html元素中，在2個指定的Html元素之間選擇元素。
二、編寫代碼：
這裡舉個例子，使用prevUntil()方法獲取id為div2到div5的同胞元素，但不包括div5和div2。
Html和JQUERY代碼如下：
<!DOCTYPE html><html<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title></title><script src="jquery-3.3.1.js"></script><script type="text/javascript">$(function () {var nextEle = $("#div5").prevUntil("#div2");console.log(nextEle);});</script></head><body><div><div id="div1"></div><div id="div2"></div><div id="div3"></div><div id="div4"></div><div id="div5"></div><div id="div6"></div></div></body></html>
通過此代碼，我們是從div5向上面查找，直到div2為止。因此，得到的結果是div4和div3。
三、運行結果：
在瀏覽器中運行上面的代碼，並打開控制臺窗口：
圖3
從運行後的結果上看，得到的結果是div4和div3這2個同胞元素。
在jQuery中，通過prev()、prevAll()、prevUntil()這3個方法，就可以對同級別的同胞元素向上查找，查找到任何上面的同胞元素。