javascript中next指的是什么

這篇文章主要介紹了javascript中next指的是什么的相關知識，內容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇javascript中next指的是什么文章都會有所收獲，下面我們一起來看看吧。

創新互聯專注于平山網站建設服務及定制，我們擁有豐富的企業做網站經驗。熱誠為您提供平山營銷型網站建設，平山網站制作、平山網頁設計、平山網站官網定制、小程序開發服務，打造平山網絡公司原創品牌,更為您提供平山網站排名全網營銷落地服務。

在JavaScript中，next是“下一個”的意思，next()方法用于返回被選元素的下一個同級元素，該方法只返回一個元素，語法為“$(selector).next(filter)”。

本教程操作環境：windows10系統、javascript1.8.5版、Dell G3電腦。

javascript中next的意思是什么

next() 方法返回被選元素的后一個同級元素。

同級元素是共享相同父元素的元素。

注意：該方法只返回一個元素。

DOM 樹：該方法沿著 DOM 元素的后一個同級元素向前遍歷。

相關方法：

nextAll() - 返回被選元素之后的所有同級元素

nextUntil() - 返回兩個給定參數之間的每個元素之后的所有同級元素

語法

$(selector).next(filter)

參數描述

filter 可選。規定縮小搜索后一個同級元素范圍的選擇器表達式。

示例如下：

<html>
<head>
<meta charset="utf-8">
<title>123</title>
<style>
.siblings *{ 
display: block;
border: 2px solid lightgrey;
color: lightgrey;
padding: 5px;
margin: 15px;
}
</style>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("li.start").next().css({"color":"red","border":"2px solid red"});
});
</script>
</head>
<body>
<div style="width:500px;" class="siblings">
<ul>ul (父節點)  
<li>li (兄弟節點)</li>
<li>li (兄弟節點)</li>
<li class="start">li (類名為"start"的兄弟節點)</li>
<li>li (類名為"start"的li節點的下一個的兄弟節點)</li>
<li>li (兄弟節點)</li>
</ul>   
</div>
</body>
</html>

輸出結果：

javascript中next指的是什么

關于“javascript中next指的是什么”這篇文章的內容就介紹到這里，感謝各位的閱讀！相信大家對“javascript中next指的是什么”知識都有一定的了解，大家如果還想學習更多知識，歡迎關注創新互聯行業資訊頻道。

分享標題：javascript中next指的是什么
網頁網址：http://m.kartarina.com/article2/gesoic.html

成都網站建設公司_創新互聯，為您提供電子商務、品牌網站設計、商城網站、品牌網站建設、關鍵詞優化、網站建設

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容