jquery如何获取第一个或最后一个子元素

1、获取第一个子元素有如下方法：

（1）:first

     举：$('divone:first')，获取所有class="one"的Div的第一个div子元素。这里的限制在于父子元素都是同一种，即父元素如果是span标签，获取的第一个子元素也是span标签，如果父元素是table标签，获取的子元素也是table标签。

（2）:first-child

     如：$('divone:first-child')，获取所有class="one"的Div的第一个子元素，注意是“所有”，意思是说，如果这个DIV有多外，那么获取的第一个子元素也是有多个。

（3）使用eq()方法

    如：$('divone > span:eq(1)'),获取class="one"下的Div的第一个span子元素，同（2）一样，也是有多个Div也是获取多个Div的第一个元素。

    可以通过获取ID，或者直接在父层限制一个eq(1)这样的形式去获取惟一一个子元素

常见的方法是使用children()方法或者fand()方法都是可以获取到某个元素的子元素的,children() 方法返回匹配元素集合中每个元素的子元素，find()方法获得当前元素集合中每个元素的后代，通过选择器、jQuery 对象或元素来筛选。

jquery中获取当前dom元素的子元素的方法有很多，常见的方法是使用children()方法或者fand()方法都是可以获取到某个元素的子元素的,children() 方法返回匹配元素集合中每个元素的子元素，find()方法获得当前元素集合中每个元素的后代，通过选择器、jQuery 对象或元素来筛选。

一、使用children()方法获得子元素

1、使用该方法获取子元素并设置子元素的字体为蓝色，代码如下：

2、运行的效果如下图：

二、使用find()方法获取子元素

1、使用fand()方法获取子元素并且进行选择器的筛选，代码如下图：

2、运行的结果如下图：

参考资料

博客博客[引用时间2018-1-9]

如获取id为divId的div下的第一个子div

$("#divId")children("div")get(0)

但得到的是一个dom对象，如果要得到Jquery对象，要使用

$($("#divId")children("div")get(0))

jquery获取父元素方法比较多，比如parent()，parents()，closest()，find,first-child这些都能帮你实现查找父节点、子节点、兄弟节点。

$('#cur')parent()parent();或$('#cur')parent()parent('pp');或$('#cur')parent('pp');

jquery 兄弟节点的获取

<ul>

<li>

<h3 class="title">类目一</h3>

<ul>

<li>第一项</li>

<li>第二项</li>

</ul>

</li>

<li>

<h3 class="title">类目二</h3>

<ul>

<li>第一项</li>

<li>第二项</li>

</ul>

</li></ul>

比如要点击类目一所在的 h3，对其兄弟节点的 ul 添加一个叫做 "show" 的 class，代码如下：

$("title")click(function () { $(this)parent()find('ul')addClass('show'); });

就是通过先找到 h3 与 ul 共同的父节点 li 然后来用 find() 找到 ul，还有一种方法是使用 siblings() 函数，代码如下:

("title")click(function() { $(this)siblings('ul')addClass('show'); })

子节点怎么获得

$("#tbody1:first-child")

:first-child

匹配第一个子元素

':first' 只匹配一个元素，而此选择符将为每个父元素匹配一个子元素

$(function(){//相当天body的 onload，要等页页面加载完毕后才能找到iframe

 $("#hong")contents()find("body")append("I'm in an iframe!");

});

  </script>

  <iframe width="1198" height="729" name="hong" id="hong" src="" scrolling="no" style="text-align:center"></iframe>

以上就是关于jquery如何获取第一个或最后一个子元素全部的内容，包括:jquery如何获取第一个或最后一个子元素、jquery中如何获取当前DOM对象里的子元素、jquery获取一级子元素等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！