在jQuery中如何选择某DIV的子元素？_IT百科

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

1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery，编写问题基础代码。

2、在index.html中的<script>标签，输入jquery代码：

$('#a').html('<img src="' + $('#img1 img').attr('src') + '"/>')

3、浏览器运行index.html页面，此时成功选择到img1中的图片并显示在另一个div中。

1、创建html页面，打开记事本，输入如下截图所示的html代码，将文件保存为html结尾的文件，例如JsTest.html。

2、上一步保存完成后，双击文件即可使用默认浏览器运行页面，如果想使用指定浏览器运行，右键文件，选择【打开方式】->挑选任一已经安装的浏览器即可。

3、原生JS方式，详细代码与注释见截图。

4、原生JS方式，运行效果如下。

5、Jquery方式，必须要引入jquery文件才能使用，此处将jquery下载下来放到Content文件夹中，新的目录结构如下

-- Content

-- jquery-1.11.3.min.js

-- JsTest.html

6、Jquery方式，详细代码与相关注释见截图。

7、Jquery方式，运行效果如下。

1、首先在插入前要判断div中有几个div；

2、js代码：

<body>

</div>

<button type="button" onclick="demo()">insert</button>

function demo() {

if($('#div').children('div').length==0){

alert('div中没有子div！')

}

</script>

</body>

3、如果$('#div').children('div').length==0 那么再插入div的话，那就是第一个了，这样写是筛选的div下子div，不包含子元素下的子div；

欢迎分享，转载请注明来源：内存溢出

在jQuery中如何选择某DIV的子元素？