jquery如何通过父元素得到其中的子元素

jquery如何通过父元素得到其中的子元素,第1张

很多种方法:楼上hapgaoyi | 七级 的是一种方法:

$("#divimg img")first()show(); 显示上面的div中第一个img

$("#divimg img:gt(0)")hide();隐藏上面的div中不是第一个的img

============================可爱的分隔线================================

此外,还可以这样:

$('#divimg img:eq(0)')show()siblings()hide();

说明:

此例使用了jQuery最有特色的链式 *** 作方式,从而无须多次获取对象,简洁明了,推荐使用。

jQuery 获取 div 之间的内容,有两种方法,$(selector)text()、$(selector)html() 。

html:

<div>

<p>test</p>

</div>

$("div")text() 得到的是 test,是 div 的纯文本,会自动忽略 html 标签

$("div")html() 得到的是 <p>test</p>,是 div 的所有内容,包括 html 标签,它有个好处是可以将 得到的标签与文字 直接再利用,比如添加到页面其他地方之类的 *** 作 。

如获取id为divId的div下的第一个子div

$("#divId")children("div")get(0)

但得到的是一个dom对象,如果要得到Jquery对象,要使用

$($("#divId")children("div")get(0))

1、新建一个html文件,命名为testhtml。

2、在testhtml文件内,使用div标签创建一行文字,文字内容为“这是测试的文字内容”。

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

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

5、在testhtml文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行getdivc()函数。

6、在js标签中,创建getdivc()函数,在函数内,通过id(abc)获得div对象,使用text()方法获得div内的值,并使用alert()方法将值输出。

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

jq可以直接使用$("div")获得所有div,但是如果要具体到一个div的话,需要给div一个标记,然后通过html就可以获取值了。

1<div id="divId" class="divClass"> 内容 </div>

123/jq 代码 jq选择器/$("#divId")html();$("divClass")html();

以上就是关于jquery如何通过父元素得到其中的子元素全部的内容,包括:jquery如何通过父元素得到其中的子元素、怎么使用jquery获取div里的内容、jquery获取一级子元素等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/9546954.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存