jquery获取所有子元素,jQuery获取子元素

jQuery怎么获取一个DIV下所有元素的值

可以使用jQuery的children方法来获取某个元素下的所有子元素。

工具原料：编辑器、浏览器

1、使用children方法可以获得选择器下的所有子元素，代码实例如下：

!DOCTYPE html

html

head

script type="text/javascript" src="/jquery/jquery.js"/script

style

  body { font-size:16px; font-weight:bolder; }

  p { margin:5px 0; }

/style

/head

body

  div

    spanHello/span

    p class="selected"Hello Again/p

    div class="selected"And Again/div

    pAnd One Last Time/p

  /div

script$("div").children(".selected").css("color", "blue");/script

/body

/html

2、运行的结果是找到类名为 "selected" 的所有 div 的子元素，并将其设置为蓝色，结果如下：

相关问答

Q1: jquery怎么获取元素的子元素

Jquery获取子元素的方法有2种，分别是children()方法和find()方法。下面我们分别来使用这两种方法，看看它们有何差异。

children()方法：获取该元素下的直接子集元素

find()方法：获取该元素下的所有子集元素

Q2: jquery怎样选取所有子元素

用children方法就好了。如：var list=$(ele).children();//获取所有子元素

$(ele).children().css('width'，'40px');//改变所有子元素的宽度

$(ele).children().prop('checked',true);//如果子元素是复选框或单选按钮，这样子元素就全部选中

Q3: jquery如何获取父元素的子元素

可以使用jQuery的children方法来获取某个元素下的所有子元素。如果给定表示 DOM 元素集合的 jQuery 对象，.children() 方法允许我们检索 DOM 树中的这些元素，并用匹配元素构造新的 jQuery 对象。.find() 和 .children() 方法类似，不过后者只沿着 DOM 树向下遍历单一层级。

工具原料：编辑器、浏览器

1、使用children方法可以获得选择器下的所有子元素，代码实例如下：

!DOCTYPE html

html

head

script type="text/javascript" src="/jquery/jquery.js"/script

style

  body { font-size:16px; font-weight:bolder; }

  p { margin:5px 0; }

/style

/head

body

  div

    spanHello/span

    p class="selected"Hello Again/p

    div class="selected"And Again/div

 

    pAnd One Last Time/p

  /div

script$("div").children(".selected").css("color", "blue");/script

/body

/html

2、运行的结果是找到类名为 "selected" 的所有 div 的子元素，并将其设置为蓝色，结果如下：