如何使用jQuery获取一个元素下面,满足某个条件的子元素

如何使用jQuery获取一个元素下面,满足某个条件的子元素,第1张

可以通过类名的不同,比如

<ul>

<li class=“li”>第一个子元素</li>

<li class=“li spe”>第二个子元素</li>

<li class=“li”>第三个子元素</li>

</ul>

可以使用$("ul")children("spe")来获得第二个子元素

也可以找到是第几个使用$("ul")find("li")eq(1)找到第二个子元素

如果是不一样的子元素,比如

<div class="mydiv">

<p>第一个子元素</p>

<div>第二个子元素</div>

<a>第三个子元素</a>

</div>

获取p标签$("mydiv")find("p")或者$("mydiv")children("p");

$("h1kk")是获取所有样式为kk的h1元素。如是123所在的是第一个可以用first()获取,如下

$("h1kk")first()text() 得到的就是123

has("p")不是判断,而是筛选有p的元素

$("h1[class='kk']")也能实现,不过还不如$("h1kk")方便

1、addClass(),为元素标签添加class。

2、如图所示代码实现方式,addClass(),为元素标签添加多个class也可以的。

3、removeClass(),可以删除元素标签的class。

4、removeClass(),也可以删除元素标签的多个class。

5、toggleClass(),如果没有相关class,则添加,如果有,则删除。

6、css(),可以设置元素标签的属性。

7、css(),也可以返回元素标签的属性。

jquery获取当前节点的前一个节点步骤如下:

1、打开html开发工具,新建一个html代码页面。

2、在html页面创建三个p标签,然后给这三个p标签设置不同的内容。

3、引入jquery库。在title标签后面引用下载好的jqueryjs文件。

4、 在jquery引用库标签后面新建一个script标签,然后在这个标签里面添加一个DOM加载完成后执行函数。

5、在DOM加载完成后执行函数里面添加点击p标签时获取当前元素的上一个元素对象。

6、保存html代码后使用浏览器打开,然后点击p标签d出框就会显示当前点击标签的上一个标签的内容。

var d=$("#start-id")children()children()find("p");

我也算不清楚这是孙子、重孙子还是重重孙子了,总之如果上面的还是没有达到你的目的,你可以试着再增加一个children()

以上就是关于如何使用jQuery获取一个元素下面,满足某个条件的子元素全部的内容,包括:如何使用jQuery获取一个元素下面,满足某个条件的子元素、jquery如何 获取标签是否含有class、jquery中如何获取class下面的某个子标签等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/web/9608808.html

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

发表评论

登录后才能评论

评论列表(0条)

保存