jQuery中next方法用法執行個體_jquery

本文執行個體講述了jQuery中next方法用法。分享給大家供大家參考。具體分析如下：

這裡示範jQuery中next的用法，可取得一個包含匹配的元素集合中每一個元素緊鄰的後面同輩元素的元素集合。

這個函數只返回後面那個緊鄰的同輩元素，而不是後面所有的同輩元素。

可以用一個可選的運算式進行篩選

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>next的用法</title> <script type="text/javascript" src="/ajaxjs/jquery1.3.2.js"></script> <script type="text/javascript"> $(document).ready(function() {  $("span").click(function(){alert($("p").next(".selected").html());})  // $("p").next().html() 也可以 });</script></head><body><p>Hello</p><p class="selected">這裡的內容將顯示</p><div><span>點我測試</span></div><!--取得一個包含匹配的元素集合中每一個元素緊鄰的後面同輩元素的元素集合。這個函數只返回後面那個緊鄰的同輩元素，而不是後面所有的同輩元素。可以用一個可選的運算式進行篩選。 --></body> </html>

希望本文所述對大家的jQuery程式設計有所協助。