jquery中如何获取当前DOM对象里的子元素

常见的方法是使用children()方法或者fand()方法都是可以获取到某个元素的子元素的,children()

方法返回匹配元素集合中每个元素的子元素，find()方法获得当前元素集合中每个元素的后代，通过选择器、jQuery

对象或元素来筛选。

1、新建一个html文件，命名为testhtml，用于讲解JS如何获取指定DIV下的子元素LI的值。

2、在testhtml文件内，在div标签内，使用ul、li标签创建两个项目列表，li元素的值分别为项目一、项目二。

3、在testhtml文件内，设置div标签的id为mydiv，主要用于下面通过该id获得mydiv对象。

4、在testhtml文件内，使用button标签创建一个按钮，按钮名称为“获取LI的值”。

5、在testhtml文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行getli

6、通过获得li对象，使用each()方法遍历每一个li对象，通过text()方法获得li的值，使用push()方法将获得li值存进数组中。最后，使用alert()方法将所有li值输出。

7、在浏览器打开testhtml文件，点击按钮，查看结果。

var alldiv = $("div");

var firstdiv = alldiv[0];

var lastdiv = alldiv[alldivlength-1];

注意，jquery数组返回的是标准的documentObject，也就是说，firstdiv与lastdiv都是类似通过

documentgetElementById这个方式获得到的对象，是不能直接使用JQ方法的

解决办法很简单 $(firstdiv)即可

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