
很多种方法:楼上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获取一级子元素等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)