Jquery如何获得div下的元素

1$('#div ') //div下所有的元素

2$('#div className') // div下指定的className

3$('#div > children') // div下第一层指定的子节点

4$('#div #ul') // div 下指定的id

上述这几种方法都可以获取 div 标签内的元素。你看你用哪种方便工作，就用哪种。

1、新建一个html文件，命名为testhtml，用于讲解Jquery如何获得div下的元素。

2、在testhtml文件内，使用div标签创建一个模块，在div内，使用p标签，span标签创建测试的内容。

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

4、在testhtml文件内，使用button标签创建一个按钮，按钮名称为“获得div下的元素”。

5、在testhtml文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行divfun（）函数。

6、在js标签中，创建divfun()函数，在函数内，通过id(divcon)获得div对象，使用html()方法便可以获得div对象下面的元素了。最后，使用alert()方法输出元素。

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

总结

1、创建一个testhtml文件。

2、在文件内，在div标签内，使用p标签创建一行文字，同时创建一个button按钮，用于触发执行js函数。

3、在js标签内，创建函数，在函数内，使用getElementById()方法通过id（mydiv）获是div对象，再使用getElementsByTagName()方法获得div下面的p元素对象，最后，使用alert()方法输出p元素的内容。

例子：

<div class='view view-case-view-all' >

<div class= 'view-content view-content-case-view-all' >

<table border="1" >

<tr class="odd" >

<td class="view-field view-field-node-title" >任务测试</td >

</tr >

</table >

</div >

</div >

<script language="javascript" type="text/javascript" >

documentgetElementsByClassName = function(_className)

{ //根据class获得对象集合

var aimObj = [];

var elements = documentgetElementsByTagName("") ;//取得所有元素的集合

alert(elementslength);

for(var i=0;i<elementslength;i++)

{

if(elements[i]className==null) continue;

if(elements[i]className == _className)

{

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：indexhtml，填充问题基础代码。

2、在indexhtml中的<script>标签中，输入js代码：var id = $('div')attr('id');documentbodyinnerText = id;。

3、浏览器运行indexhtml页面，此时取到了div的id并成功打印出了。

以上就是关于Jquery如何获得div下的元素全部的内容，包括:Jquery如何获得div下的元素、JS如何获取某个DIV下的元素、如何通过js获取div中的对象，没有ID，只有class等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！