2. 程式人生 > >JavaScript找到一個元素的父節點

JavaScript找到一個元素的父節點

阿新 • • 發佈：2019-01-07

在js中有一個常用的需求，就是找到一個元素的父節點
找父元素節點的方法有:
1)原生方法
元素.parentNode 返回元素的第一個父節點

2)Jquery方法(要匯入jquery檔案)
元素.parent() 返回元素的第一個父節點
元素.parents() 返回一個包含元素所有父節點的陣列

下面有個例子:

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
</head>
<body>
<div><span
 
><a id="a"></a></span></div>
<script src="jquery-2.1.1.min.js"></script>
<script>
//原生的方法
document.getElementById('a').parentNode //得到<span>節點
//也可以這麼玩
document.getElementById('a').parentNode.parentNode //得到<div>節點

//Jquery的方法  
$('#a').parent();//得到<span>節點
 

$('#a').parent().parent();//得到<div>節點
$('#a').parents();//得到所有父級節點<span>,<div>,<body>,<html>
$('#a').parents('body');//得到<body>節點
</script>
</body>
</html>

相關推薦

JavaScript找到一個元素的父節點

在js中有一個常用的需求，就是找到一個元素的父節點 找父元素節點的方法有: 1)原生方法 元素.parentNode 返回元素的第一個父節點 2)Jquery方法(要匯入jquery檔案) 元素.parent() 返回元素的第一個父節點 元

PHP 通過一個節點找出所有父節點

如圖，拿到所有給出節點的父節點。百度搜了半天，都是通過父節點找子節點的。無奈，後來只能自己寫了。遍歷+遞迴，大神們不要鄙視我。。。我資料結構。。。<?php //測試資料 $arr = [ ['id'=>8,'pid'=>7,'username'=&

JavaScript HTML DOM 元素（節點）

enc javascrip item pan 效果 demo 移動元素 成功 append 在文檔對象模型 (DOM) 中，每個節點都是一個對象。DOM 節點有三個重要的屬性 ： 1. nodeName : 節點的名稱 2. nodeValue ：節點的值 3. no

js jquery 獲取元素(父節點,子節點,兄弟節點),元素篩選

htm eval contents 子節點 .get 全部 lte eva class 轉載：https://www.cnblogs.com/ooo0/p/6278102.html js jquery 獲取元素(父節點,子節點,兄弟節點) 一,js 獲取元素(父節點,子節點

appium相對位置定位元素----父節點/兄弟節點定位

APPIUM元素定位 兄弟節點定位 父節點定位 同級節點定位 相對定位節點 講一下定位手機app上元素時定位父節點、兄弟節點的方法 這裏就講這兩種了，也是比較常用的兩種方法，其他的方法大家查看博客的其他章節 實例： 我們現在要定位到RelativeLayout[0,1285][1080,1

jquery 獲取元素(父節點,子節點,兄弟節點)

<script> $('#box').prent() //父節點 $('#box').prents() //所有父節點 $('#box').children() //全部子節點，此方法獲取的是集合，可單個選取某一節點入$('#box').children(

楊氏矩陣中找一個元素

要求時間複雜度小於O（n） 思路： 楊氏矩陣的特點是從左到右從上到下都是遞增的。 那麼就可以看我們要找的value是不是比一行的最大的一個數大，也就是最後一個數。 如果大，那就說明value可能

【JQUERY】獲取元素(父節點,子節點,兄弟節點)

jQuery.parent(expr)           //找父元素jQuery.parents(expr)          //找到所有祖先元素，不限於父元素jQuery.children(expr)        //查詢所有子元素，只會找到直接的孩子節點，不會返回

簡單遞迴找最近公共父節點

如上圖，我們要求任意兩個點的最接近的公共的父節點，比如：9和11的最近的公共父節點是2。 intput： 10 4 output： 2 分析：我們可以從所給的兩個節點的開始向上找，一直找到

Python+Selenium xpath 定位遇到相同元素時的解決方法父節點找子節點

1、#先定位到父節點，再從父節點找指定節點 例如:  注意不能直接用 driver.find_element_by_xpath('//*[@id="branch_inquiry"]').find_el

js 找出當前元素所包含的最後一個元素節點（不是文字節點）

elem.lastChild只能確保找出的是當前元素的最後一個節點，不能保證這個節點是元素節點還是文字節點。 為了確保找出的節點是當前元素的最後一個元素節點，可以如下寫： var elemChildren=elem.getElementByTagName("*"): if(

jquery移動元素到另一個父節點中

文章上傳整理於2017年9月27日 需求描述: 遇到一個問題 ,由於在jsp中有一個控制元件span,想讓這個span控制元件從div1的子節點變成div2的子節點 方法: var $sp =$('#span1'); $('#div2').appen($sp); $('#

JavaScript利用數組原型，添加方法實現遍歷多維數組每一個元素

多功能 學習 核心 java 自己實現 array 利用 我們 try 原型就是提供給我們為了讓我們擴展更多功能的。 今天學習了用js模擬底層代碼，實現數組多維的遍歷。思想是在數組原型上添加一個方法。 1 // js中的數組forEach方法，傳入回掉函數 能夠幫助我

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

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

讓一個元素相對於父元素固定定位

但是 ren -c 所有 展示 子元素 需要 不能滑動 play 之前在項目中，遇到了一個場景，需要實現相對於父元素的fixed定位：在父元素內拖動滾動條時，"fixed"定位的元素不能滑動，在外層拖動滾動條時，父元素及父元素內的所有元素跟著一起滑動。但是position:

使用jquery獲取父元素或父節點

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

jquery獲取父元素或父節點的方法

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

JavaScript只創建一個元素,多次點擊不創建

clas end obj doctype pre html 子元素 wid spa <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

js遞迴遍歷樹形json結構 根據最後一個節點找到整個家族，根據父節點找到所有的子節點，根據層級關係寫成樹形結構

dataTree: [ { id: 1, address: "安徽", pid: 0 }, { id: 6, address: "安徽a", pid: 1 }, { id: 12, address: "安徽aa", pid: 6 },

HierarchyId通過父節點建立一個新的子節點

--HierarchyId通過父節點建立一個新的子節點 CREATE TABLE #temp( node HierarchyID ); insert into #temp select '/' union all select '/1/' union all select '/2/' union al