1. 程式人生 > >使用jQuery獲取父級節點、兄弟節點、子級節點的方法

使用jQuery獲取父級節點、兄弟節點、子級節點的方法

一、jQuery的父節點查詢方法

        $(selector).parent(selector):獲取父節點

        $(selector).parentNode:以node[]的形式存放父節點,如果沒有父節點,則返回空陣列

        $(selector).parents(selector):獲取祖先元素

二、jQuery的兄弟節點查詢方法

        $(selector).prev()   /   $(selector).previousSibling():獲取上一個兄弟節點   這種獲取不到,previousSibling是DOM節點的一個屬性

        $(selector).prevAll():獲取之前所用的兄弟節點

        $(selector).next()   /   $(selector).nextSibling():獲取下一個兄弟節點

        $(selector).nextAll():獲取之後所有的兄弟節點

        $(selector).siblings():獲取所有的兄弟節點

三、jQuery的子節點查詢方法

        $(selector).children():獲取所有直接子節點

        $(selector).childNodes:以node[]的形式存放子節點,如果沒有子節點,則返回空陣列

        $(selector).firstChild:獲取第一個子節點

        $(selector).lastChild:獲取最後一個子節點

        $(selector).contents:獲取包含的所有內容,包括空文字

        $(selector).removeChild(selector):刪除並返回指定的子節點

        $(selector).replaceChild(selector):替換並返回指定的子節點

相關推薦

使用jQuery獲取節點兄弟節點節點方法

一、jQuery的父節點查詢方法         $(selector).parent(selector):獲取父節點         $(selector).parentNode:以node[]的形式存放父節點,如果沒有父節點,則返回空陣列         $(s

jquery獲取元素元素兄弟元素的方法

next 返回結果 初始 對象 clas 祖先 eval p s all jQuery.parent(expr) 找父親節點,可以傳入expr進行過濾,比如$("span").parent()或者$("span").parent(".class") jQuery.par

js或jquery獲取兄弟元素

原生javascript方法: var a = document.getElementById("dom"); del_space(a); //清理空格 var b = a.childNodes; //獲取a的全部子節點; var c = a.parentNod

js和jquery獲取元素元素兄弟元素的方法

最近工作中總遇到取各種父啊子啊兄弟姐妹啊,每次都得查,這次整理個全乎的~  【js的獲取方式】  function dom(){       var a = document.getElementByIdx_x_x("dom");       var b =

jquery獲取節點節點兄弟節點

$('#id').siblings() 當前元素所有的兄弟節點 $('#id').prev() 當前元素前一個兄弟節點 $('#id').prevaAll() 當前元素之前所有的兄弟節點 $('#id'

js或jquery如何獲取兄弟元素(包括祖等)

原生javascript方法: var a = document.getElementById("dom"); del_space(a); //清理空格 var b = a

jquery 獲取元素元素兄弟元素的方法

jQuery.parent(expr) 找父親節點,可以傳入expr進行過濾,比如("span").parent()或者(“span”).parent(“.class”) jQuery.parents(expr),類似於jQuery.parents(expr)

使用jquery獲取元素或節點方法

返回 number 子元素 文本 事件 什麽 nbsp 可選 元素 jquery獲取父元素方法比較多,比如parent(),parents(),closest()這些都能幫你實現查找父元素或節點,下面我們來一一講解: 先舉個例子, 1.<ul class="paren

使用jquery獲取元素或節點

表達 向上 www. 找到 style ren 一個 可選 strong 使用jquery獲取父元素或父節點,比較簡單,jquery提供了豐富的方法來讓我們使用jquery獲取父元素或父節點 jquery獲取父元素方法比較多,比如parent(),parents(),c

jquery獲取元素或節點方法

包含 檢查 所有 有用 code 直接 過濾 ffffff 多個 jquery獲取父元素方法比較多,比如parent(),parents(),closest()這些都能幫你實現查找父元素或節點,下面我們來一一講解: 先舉個例子: <ul class="parent1

jquery獲取元素下的第n個元素節點

$("#detailChange").on("click","li",function(){ // 獲取當前點選li 的data-value值 let dataVal = $(this).attr("data-value"); console.log(data

使用Jquery獲取iframeiframe元素

獲取父級iframe中的元素$("#父頁面元素id" , parent.document)   獲取子級iframe中的元素$('#子頁面元素').contents().find('#需要找的子頁面元

jQuery獲取所有元素及同級元素及元素的方法

-m logs 當前 tor mar eval div 進行 nds jQuery獲取所有父級元素及同級元素及子元素的方法 1.獲取父級元素 $("#id").parent() 獲取其父級元素 $("#id").parents(

iframe.contentWindow 屬性:關於contentWindow和contentDocument區分 jquery 獲取視窗的元素視窗視窗

    定義和用法   contentDocument 屬效能夠以 HTML 物件來返回 iframe 中的文件,可以通過所有標準的 DOM 方法來處理被返回的物件。   語法:frameObject.contentWindow,或者 iframeObj

jquery獲取的同級的元素

一、知識介紹1、jquery獲取父級元素用parent()$(this).parent('ul');2、jquery獲取同級元素用siblings()$(this).parent('ul').siblings();3、jquery獲取子元素用find()$(this).par

jquery獲取元素和元素

    <script type="text/javascript">  function show(x){     var y=$(x);//轉換成jquery物件     //查詢父元素    alert( y.parent().attr("name"));

jquery獲取設定元素寬高位置height()width()offset()position()scrollTop()scrollLeft()

全棧工程師開發手冊 (作者:欒鵬) jquery獲取設定元素寬高位置 jquery的通過height()、width()、offset()、position()、scrollTop()、

jquery獲取input輸入框中的值radio單選框選中的值checkbox複選框選中的值

1)jquery獲取input輸入框中的值 如何用jquery獲取<input id="test" name="test" type="text"/>中輸入的值? $(" #test ").val() $(" input[ name='test' ] ").va

jquery獲取span標籤下的第一個span標籤內容

看了幾本jquery的書之後,覺得對jQuery的dom操作部分應該是比較熟悉了,但是當正式用到的時候又忽然覺得什麼也不知道,還得上網來搜,遇到的問題就是獲取span標籤下的第一個span標籤中的內容。 如 <p class = "local"&g

cssdiv設定了透明度,也出現透明度的解決方法

由於父級div使用了opacity設定透明度,使子級div也繼承了透明度 我的解決方法是使用rgba,background-color:rgba(245,224,199,0.7),0.7是透明度,由於rgba是css3的屬性,所以必須是支援css3的瀏覽器才能支援rgba