1.问题描述
假设有这么一段代码,我该如何获得指定的div,并对其操作?
<div class="xinhao_category"></div>
<div class="xinhao_category"></div>
<div class="xinhao_category"></div>
<div class="xinhao_category"></div>
<div class="xinhao_category"></div>
2.解决方案
通过$(this).index()获取对应元素的下标;
通过siblings()方法可以实现 同级元素 的反选功能;
// 设置点击事件
$('.xinhao_category').on('click', function() {
$('.xinhao_category:eq(' + $(this).index() + ')').css({'background': 'orange', 'color': 'black'});
$('.xinhao_category:eq(' + $(this).index() + ')').siblings().css({'background': 'rgba(255, 255, 255, 0.1)', 'color': 'white'});
});