Rumah > Artikel > hujung hadapan web > Bagaimana untuk menanyakan nod anak pertama dengan jquery
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.
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!