中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

JQuery find()實例講解

小億
83
2023-12-19 01:57:58
欄目: 編程語言

JQuery的find()方法用于查找匹配選擇器的所有后代元素。下面是一個find()方法的實例講解:

HTML代碼:

<div id="parent">
  <div class="child">
    <p class="grandchild">Hello</p>
  </div>
  <div class="child">
    <p class="grandchild">World</p>
  </div>
</div>

JQuery代碼:

$(document).ready(function(){
  var $child = $("#parent").find(".child");
  console.log($child.length); // 輸出:2
  
  var $grandchild = $child.find(".grandchild");
  console.log($grandchild.length); // 輸出:2
  
  $grandchild.each(function() {
    console.log($(this).text());
  });
});

解釋:

  1. 首先通過#parent選擇器選中父元素,然后使用find(“.child”)方法查找所有類名為"child"的后代元素。這里返回一個包含2個子元素的JQuery對象。
  2. 然后使用find(“.grandchild”)方法在子元素中查找所有類名為"grandchild"的后代元素。這里返回一個包含2個孫元素的JQuery對象。
  3. 使用each()方法對每個孫元素進行迭代,并使用text()方法獲取其文本內容并輸出到控制臺。

輸出結果:

2
2
Hello
World

注意:find()方法只會查找后代元素,不包括自身。如果要查找自身及后代元素,應該使用find()方法之前先添加自身元素到JQuery對象中,例如$("#parent").addBack().find(".child")

0
高密市| 探索| 渭源县| 黔西县| 莆田市| 叙永县| 山阴县| 洮南市| 济阳县| 恩施市| 阿拉善盟| 正镶白旗| 开江县| 都匀市| 绩溪县| 陕西省| 方城县| 广饶县| 平定县| 昭平县| 凤山市| 田阳县| 天津市| 沂南县| 施秉县| 浑源县| 新民市| 兴义市| 鄂温| 嘉善县| 舞钢市| 广宁县| 新河县| 盱眙县| 珠海市| 江津市| 甘孜县| 郑州市| 永泰县| 正蓝旗| 固原市|