javascript - 将一个类添加到第二个下一个兄弟类或第二个前一个兄弟类
问题描述
有没有办法将一个类添加到一个类的第二个下一个或第二个上一个类?
例如:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div class="">A</div>
<div class="">B</div>
<div class="active">C</div>
<div class="">D</div>
<div class="">E</div>
</body>
</html>
如果我想在“C”有.active时向“A”div添加一个类,我该怎么办?
或者当“C”具有 .active 时向“E”div 添加一个类
解决方案
通过使用 jquery,您可以链接next()
并prev()
归档它
console.log($('.active').next().next().html())
console.log($('.active').prev().prev().html())
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div class="">A</div>
<div class="">B</div>
<div class="active">C</div>
<div class="">D</div>
<div class="">E</div>
</body>
</html>
推荐阅读
- amazon-web-services - Api Gateway Authorizer 授权 缓存 定价
- matlab - 查找图的边界顶点
- pandas - 在 Pyspark 中可以选择不同的和没有不同的吗?
- javascript - 我只想用 JQuery 和 JavaScript 在元素之间画线
- excel - 用于比较两个工作表并添加缺失行的 VBA 代码
- node.js - Express js - 从本地网络上的 expressjs 服务器下载静态文件速度很慢,因为互联网带宽
- php - 是否有自动获取用户电子邮件的 php 代码?
- java - 对于具有不同输入参数和不同返回类型的多个实现的通用方法,使用什么设计模式?
- f# - F# 库结构
- react-native - 未显示有关欧盟国家的同意对话,但仍会收到测试广告