我有两个具有相同类的 div
。
现在我想当我单击任何元素的 anchor 标记时。我也想在第二个 div 的相同位置添加类。
镜像: JSFiddle
jQuery 代码:
$(document).on('click', '.loadDots li a', function () {
$('.loadDots li a').removeClass('active');
alert("clicked");
$('.loadDots li a').eq($(this).index()).addClass('active');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="loadDots">
<ul>
<li><a ng-show="data.showIcon1" ng-click="getId(1)" class="active" href="#">aaaa</a>
</li>
<li><a ng-show="data.showIcon2" ng-click="getId(2)" href="#" class="">aaaa</a>
</li>
<li><a ng-show="data.showIcon3" ng-click="getId(3)" href="#" class="">aaaa</a>
</li>
<li><a ng-show="data.showIcon4" ng-click="getId(4)" href="#" class="">aaaa</a>
</li>
<li><a ng-show="data.showIcon5" ng-click="getId(5)" href="#" class="">aaaa</a>
</li>
</ul>
</div>
<div class="loadDots">
<ul>
<li><a ng-show="data.showIcon1" ng-click="getId(1)" href="#">ssss</a>
</li>
<li><a ng-show="data.showIcon2" ng-click="getId(2)" href="#" class="">sss</a>
</li>
<li><a ng-show="data.showIcon3" ng-click="getId(3)" href="#" class="">sss</a>
</li>
<li><a ng-show="data.showIcon4" ng-click="getId(4)" href="#" class="">sss</a>
</li>
<li><a ng-show="data.showIcon5" ng-click="getId(5)" href="#" class="">sss</a>
</li>
</ul>
</div>
有什么想法吗?
谢谢
最佳答案
检查DEMO
$(document).on('click','.loadDots li a',function() {
var that = $(this);
$('.loadDots li a').removeClass('active');
var ind = that.closest('li').index();
$('.loadDots').each(function() {
$(this).find('li').eq(ind).find('a').addClass('active');
});
});
关于javascript - 使用索引在不同的 div 上添加 Active 类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27688108/