时间戳

首页 > 解决方案 > 如何使用jquery遍历访问兄弟元素

jquery - 如何使用jquery遍历访问兄弟元素

问题描述

我有以下html：

<div class="tab-navigation" style="padding-bottom: 10px;">
    <button class="btn btn-solid navigate" value="1"> Previous </button>
    <button class="btn btn-solid navigate" value="3" id="Stock"> Next </button>
</div>
<div class="row justify-content-md-center el-selection vertical-align selectedBtnOption" data-type="Stock" data-id="8">
    <div class="col-md-3"> <img src="http://127.0.0.1:8000/storage/media/label-stock-white-bopp.svg" alt="" class="w-100 img-fluid blur-up image_zoom_cls-0 lazyloaded"> </div>
    <div class="col-md-6">
        <h6 class="product-title">White BOPP</h6>
        <button class="btn btn-outline btn-sm detailsToggle">Show me details</button>
    </div>
    <div class="col-md-3"> <img src="http://127.0.0.1:8000/assets/images/icon/popular.svg" alt="" class="w-100 img-fluid blur-up image_zoom_cls-0 lazyloaded"> </div>
</div>

这部分使用不同的 data-id 重复几次：

<div class="row justify-content-md-center el-selection vertical-align selectedBtnOption" data-type="Stock" data-id="8">

单击时，我需要向选项卡导航添加一个类。同样的设置在 html 中出现了几次，所以我不能只找到类选项卡导航。我怎样才能访问这个？我想到了最接近的，但由于它不在父母身上，我无法得到它。
知道如何访问它并向其添加类吗？

标签： jquery

解决方案

像.prev()什么？

$('.el-selection[data-id]').on('click', function(){
   $(this).prev('.tab-navigation').addClass('some-navigation-class');
});

推荐阅读