Jquery如何获得div下的元素

Jquery如何获得div下的元素,第1张

1、比如我们要得到或者获取到这个div元素

2、我们就可以这样做,使用$("div"),这就是直接通过元素名来获取,注意要加引号哦。

3、或者你可以给元素添加类,如图,我就加了一个bd类。

4、然后我们这样$("bd")也是可以得到div元素的哦,注意类名是需要一个点的哦。

5、此外,id也是一个不错的方法,不过id只能有一个,不能重名哦。

6、jQuery中id要加#号才会有效哦。

7、最后我就整理好jQuery一些比较常用的获取元素的方法。

JQuery提供以下两个方法可以读取节点中的内容

text() - 设置或返回所选元素的文本内容

html() - 设置或返回所选元素的内容(包括 HTML 标记)

注意二者在获取内容上的区别,实例演示如下:

1、HTML结构

<div id="test"><i>示例文字</i></div>

<input type="button" id="btn1" value="获取text">

<input type="button" id="btn2" value="获取html">

2、jquery代码

$(function(){

$("#btn1")click(function() {

alert($("#test")text());

});

$("#btn2")click(function() {

alert($("#test")html());

});

});

3、效果演示

jquery获取父元素比如;parent(),parents,closest(),这些都可以查找父元素或节点,具体步骤如下:

一parent([expr])

用一个包含着所有匹配元素的唯一父元素的元素集合。

你用可选的表达式来筛选。

如下:

1$('#item1')parent()parent;

二parent

得到含有子元素或者文本的元素

如下:

1$('li:parent');

2parents([expr])

得到一个包含着所有匹配元素的祖先元素的元素集合。可以通过一个可选的表达式进行筛选。

如下:

1$('#items')parents('parent1');

三closest([expr])

closest会首先检查当前元素是否匹配,如果匹配则直接返回元素本身。如果不匹配则向上查找父元素,一层一层往上,直到找到匹配选择器的元素。如果什么都没找到则返回一个空的jQuery对象。

以上就是关于Jquery如何获得div下的元素全部的内容,包括:Jquery如何获得div下的元素、JQuery如何读取节点中的内容、如何在jQuery查找元素父节点等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

    保存