jQuery中的next()方法用于獲取當(dāng)前元素后面的下一個(gè)兄弟元素。它可以接受一個(gè)可選的過(guò)濾器參數(shù),以便只返回具有指定條件的元素。
$(document).ready(function(){ $("button").click(function(){ $(this).next().hide(); }); });
以上代碼演示了點(diǎn)擊按鈕后隱藏下一個(gè)同級(jí)元素。
這里的$(this)表示按鈕本身,$(this).next()表示按鈕的下一個(gè)同級(jí)元素。當(dāng)調(diào)用next()方法后,我們可以對(duì)返回的元素應(yīng)用任何可用的jQuery方法和屬性。
接下來(lái)讓我們看一下如何使用過(guò)濾器參數(shù)來(lái)只返回符合特定條件的元素:
$(document).ready(function(){ $("button").click(function(){ $(this).next("p").hide(); }); });
上面的代碼隱藏了下一個(gè)同級(jí)元素,但只在它是一個(gè)
元素的情況下。如果緊隨按鈕之后的元素不是
元素,那么它就不會(huì)被隱藏。
總的來(lái)說(shuō),next()方法是一個(gè)功能強(qiáng)大的方法,可以使我們輕松地操作文檔中的元素。使用它可以使我們編寫(xiě)的代碼量更少,更具可讀性。