亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

jQuery——遍歷

Original 2016-11-12 09:37:42 320
abstrakt:(1) 祖先:3個(gè)方法:.parent(); //返回被選元素的"直接"父元素.parents(); //返回被選元素的"所有"祖先元素  ->擴(kuò)展: 返回被選元素的"所有"祖先元素 且 是<ul>元素    $("#targetLi").parents("ul");  

(1) 祖先:

3個(gè)方法:

.parent(); //返回被選元素的"直接"父元素

.parents(); //返回被選元素的"所有"祖先元素

  ->擴(kuò)展: 返回被選元素的"所有"祖先元素 且 是<ul>元素

    $("#targetLi").parents("ul");

  其他情況以此類推。

.parentsUntil(); //返回被選元素的"兩個(gè)給定元素之間的"所有祖先元素

$("span").parentsUntil("div");

即:返回介于<span>與<div>元素之間的所有祖先元素


(2) 后代:

2個(gè)方法:

.children(); //返回被選元素的所有直接子元素

.find(); //返回被選元素的后代元素,一路遞進(jìn)直到最后一個(gè)后代

.find("*"); //返回被選元素的所有后代

(3)擴(kuò)展,和篩選器同用的時(shí)候:

   <body>
        <div id="div1">
            <div id="div1-1" title="A">
                <div id="div1-1-1"></div>
            </div>
            <div id="div1-2" title="B">
                <div id="div1-2-1"></div>
                <div id="div1-2-2" title="B">
                    <div id="div1-2-2-1"></div>
                </div>
            </div>
        </div>
    </body>

case1:

5.png

case2:

6.png

case3:

7.png

case4:

8.png

總結(jié)出,在篩選器里面帶有">"的,就會(huì)只遍歷直接下屬層(兒子層),而不會(huì)遍歷更下屬層(孫子層,曾孫子層...)

同時(shí),支持篩選器的各項(xiàng)語(yǔ)法。

(4) 同胞:

7個(gè)函數(shù):


前后都遍歷

.siblings(); //返回被選元素的所有同胞元素


只向后遍歷:

.next(); //返回被選元素的下一個(gè)同胞元素

.nextAll(); //返回被選元素的所有跟隨的同胞元素

.nextUntil(); //返回被選元素和指定元素之間的所有跟隨的同胞元素

如: $("h2").nextUntil("h6"); //返回介于 <h2> 與 <h6> 元素之間的所有同胞元素


只向前遍歷

.prev();.prevAll();.prevUntil();和前面的next反向類似,不再贅述。

(4) 過(guò)濾:

.first(); //首個(gè)

.last(); //尾個(gè)

.eq(); //指定index的

如: $("div").eq(3); //第4個(gè)div

.filter(); //規(guī)定一個(gè)標(biāo)準(zhǔn),不符合標(biāo)準(zhǔn)的會(huì)被從集合刪除,匹配的會(huì)被返回

如:$("p").filter(".intro"); //返回所有帶有類名"intro"的<p>元素

.not(); //和.filter()相反

如:$("p").not(".intro"); //返回所有不帶有類名"intro"的<p>元素


Versionshinweise

Beliebte Eintr?ge