如何使用jquery遍历访问同级元素

Question

我有以下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>

该部分使用不同的数据id:重复几次

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

单击时，我需要将一个类添加到选项卡导航中。同样的设置在html中出现过几次，所以我不能只完成类选项卡导航。我如何访问此？我想到了最接近的，但由于它不在父对象中，我无法获得它。
知道如何访问它并向它添加类吗？

Answer 1

类似.prev()的东西？

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