Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk menanyakan nod anak pertama dengan jquery

Bagaimana untuk menanyakan nod anak pertama dengan jquery

藏色散人
藏色散人asal
2021-11-16 10:53:053655semak imbas

Cara untuk menanyakan nod anak pertama dengan jquery: 1. Dapatkan semua nod anak melalui "$("#test").children();"; 2. Melalui "$.children(':first' )" untuk mendapatkan nod anak pertama.

Bagaimana untuk menanyakan nod anak pertama dengan jquery

Persekitaran pengendalian artikel ini: sistem Windows 7, versi jquery 3.2.1, komputer DELL G3

Cara untuk bertanya kepada anak pertama nod dengan jquery?

jquery mendapat nod anak pertama, js jquery mendapat elemen (nod induk, nod anak, nod adik beradik)

Satu, js mendapat elemen (nod induk, nod anak, nod adik beradik)

var test = document.getElementById("test");
var parent = test.parentNode; // 父节点
var chils = test.childNodes; // 全部子节点
var first = test.firstChild; // 第一个子节点
var last = test.lastChile; // 最后一个子节点
var previous = test.previousSbiling; // 上一个兄弟节点
var next = test.nextSbiling; // 下一个兄弟节点

Dua, jquery mendapat elemen (nod induk, nod anak, nod adik beradik)

$("#test1").parent(); // 父节点
$("#test1").parents(); // 全部父节点
$("#test1").parents(".mui-content");
$("#test").children(); // 全部子节点
$("#test").children("#test1");
$("#test").contents(); // 返回#test里面的所有内容,包括节点和文本
$("#test").contents("#test1");
$("#test1").prev(); // 上一个兄弟节点
$("#test1").prevAll(); // 之前所有兄弟节点
$("#test1").next(); // 下一个兄弟节点
$("#test1").nextAll(); // 之后所有兄弟节点
$("#test1").siblings(); // 所有兄弟节点
$("#test1").siblings("#test2");
$("#test").find("#test1");

Tiga, penapisan elemen

// 以下方法都返回一个新的jQuery对象,他们包含筛选到的元素
$("ul li").eq(1); // 选取ul li中匹配的索引顺序为1的元素(也就是第2个li元素)
$("ul li").first(); // 选取ul li中匹配的第一个元素
$("ul li").last(); // 选取ul li中匹配的最后一个元素
$("ul li").slice(1, 4); // 选取第2 ~ 4个元素
$("ul li").filter(":even"); // 选取ul li中所有奇数顺序的元素

Pembelajaran yang disyorkan: " tutorial video jquery

Atas ialah kandungan terperinci Bagaimana untuk menanyakan nod anak pertama dengan jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
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