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

在jQuery中如何选择某DIV的子元素?,第1张

需要准备的材料分别有:电脑、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中。

有两种方式,一种使用handlerbar ,underscore等模板进行处理

一种使用jquery 的clone方法,复制一个对象

可参照demo, 需要注意的是,如睁首孝果进行这种 *** 作,尽悉稿量不要给元素赋id属性,使用class处芹毕理

http://jsfiddle.net/xcchcaptain/dx24p1d8/

方法很多,建议将jquery的语法研读桥历一下。

这里可以用:

$(this).next()当前元素的下一个子元素

$(this).siblings()选择所有同级子元素除了自身

推荐方法修改类似这样:

$('li').on('click', 'a', function(){

$(this).siblings().css('汪让display', 'none')

})

这样再添加更多的 a 也困消局无所谓了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11996462.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存