jQuery.next() 方法返回當前元素之后緊鄰的同輩元素。通過該方法可以輕松地遍歷 DOM 中同一層級的元素。而在 jQuery.next() 方法的基礎上，還有一個與之配套的方法，即 jQuery.next().val()。
jQuery.next().val() 可以用來獲取當前元素之后緊鄰的同輩元素的值。該值可以是一個表單元素的值，也可以是一個文本節點的文本內容。使用該方法時可以省去獲取元素、遍歷 DOM 樹等繁瑣步驟，提高代碼的效率。
下面是一個簡單的示例代碼：
<html>
<head>
<title>jQuery.next().val() 示例</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
<input type="text" id="input1" value="input1的值"/>
<input type="text" id="input2" value="input2的值"/>
<button id="btn">點擊獲取下一個input的值</button>
<script>
$(document).ready(function(){
$("#btn").click(function(){
var val = $("#input1").next().val();
alert(val);
});
});
</script>
</body>
</html>上述代碼中，首先定義了兩個 input 元素，并在第一個 input 后面放置了一個按鈕。當點擊按鈕時，獲取第一個 input 元素后面緊鄰的元素的值，并將其彈出。
運行上述代碼后，當點擊按鈕時，彈出的信息應該是“input2的值”，即獲取了第一個 input 元素后面的元素，并獲取了該元素的值。此時，可以看到 jQuery.next().val() 方法獲取相鄰元素的值的非常簡單實用。