將 class 添加到第二個下一個兄弟 class 或第二個前一個兄弟 class

Question

有沒有辦法將 class 添加到 class 的第二個下一個或第二個前一個 class 中？

例如：

<!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" has.active 時將 class 添加到 "A" div，我該怎么辦？

或者當“C” has.active 時將 class 添加到“E” div

Answer 1

通過使用 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>

將 class 添加到第二個下一個兄弟 class 或第二個前一個兄弟 class

問題描述

1 個解決方案

解決方案1
0 已采納 2021-01-30 23:08:48

將 class 添加到第二個下一個兄弟 class 或第二個前一個兄弟 class

問題描述

1 個解決方案

解決方案1 0 已采納 2021-01-30 23:08:48

解決方案1
0 已采納 2021-01-30 23:08:48