Rumah > hujung hadapan web > tutorial js > Bagaimana untuk mencari tag induk dalam javascript

Bagaimana untuk mencari tag induk dalam javascript

青灯夜游
Lepaskan: 2021-10-19 17:32:40
asal
7576 orang telah melayarinya

Cara mencari teg induk dalam JS: 1. Gunakan atribut parentNode, sintaksnya ialah "objek elemen anak.parentNode" 2. Gunakan kaedah parent() atau parents() dalam Jquery, sintaks ialah "objek elemen anak.parentNode parent()" atau "objek elemen child.parents()".

Bagaimana untuk mencari tag induk dalam javascript

Persekitaran pengendalian tutorial ini: sistem windows7, versi javascript1.8.5&&jquery2.1.1, komputer Dell G3.

Kaedah untuk mencari nod elemen induk ialah:

1 Kaedah asli--atribut parentNode

atribut parentNode. boleh dikembalikan Nod induk sesuatu nod.

元素.parentNode //返回元素的第一个父节点
Salin selepas log masuk

2. Kaedah Jquery (ingat untuk mengimport pakej)

  • 元素.parent() Mengembalikan nod induk pertama bagi elemen

  • 元素.parents() Mengembalikan tatasusunan yang mengandungi semua nod induk elemen

Berikut ialah contoh:

<!doctype html>
<html>
<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(&#39;a&#39;).parentNode //得到<span>节点
    //也可以这么玩
    document.getElementById(&#39;a&#39;).parentNode.parentNode //得到<div>节点
 
    //Jquery的方法  记得导包哦
    $(&#39;#a&#39;).parent();//得到<span>节点
    $(&#39;#a&#39;).parent().parent();//得到<div>节点
    $(&#39;#a&#39;).parents();//得到所有父级节点   <span> ,<div> ,<body> ,<html>
    $(&#39;#a&#39;).parents(&#39;body&#39;);//得到<body>节点
</script>
</body>
</html>
Salin selepas log masuk

[Pembelajaran Disyorkan :Tutorial lanjutan JavaScript

Atas ialah kandungan terperinci Bagaimana untuk mencari tag induk dalam javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan