在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中。

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

这里可以用:

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

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

推荐方法修改类似这样:

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

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

})

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

实现思路:使用jQuery的length属性获取对象中元素的数目,$(selector).length。实例演示如下:

1、HTML结构:设置id为test的ul下有4个列表元素

<ul>

<li>Glen</li>

<li>Tane</li>

<li>John</li>

</ul>

2、jquery代码:点击列表后获取li数量

$(function(){

$("#test").click(function()

{

alert($("#test

li").length)

//

获取id为test的ul下的li元素的数量

})

})


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存