jQuery中的next()方法用于獲取當前元素的下一個兄弟元素,如果有指定選擇器,則返回下一個匹配指定選擇器的兄弟元素。而next()方法配合html()方法或text()方法,就可以獲取下一個兄弟元素內的HTML或文本內容。
但是有時候,我們需要獲取下一個兄弟元素中某個span元素的HTML或文本內容,這時候就可以使用next()方法配合find()方法來完成,如下所示:
$(document).ready(function(){ $(".btn").click(function(){ var span = $(this).next().find("span"); var html = span.html(); var text = span.text(); alert("HTML內容:" + html); alert("文本內容:" + text); }); });
在這段代碼中,當按鈕被點擊時,使用next()方法獲取到當前按鈕的下一個兄弟元素,并使用find()方法查找其中的span元素。最后使用html()或text()方法獲取其HTML或文本內容。這個例子中,我們可以將按鈕的HTML內容與文本內容分別彈出,以便查看。
上一篇淘寶網導航欄css