如何选择具有一定类元素？ [重复]

Question

这个问题已经在这里有一个答案：

• How to use JavaScript variables in jQuery selectors? 6个回答

查找继current类，无论哪个数据属性选项卡类，并添加追加current类相似的ID在下面div与tab-content

<a class="projects_select tab-link" data-tab="tab-1" href="#tab1"> tab1 </a>
<a class="projects_select tab-link current" data-tab="tab-2" href="#tab2"> tab2 </a>
<a class="projects_select tab-link" data-tab="tab-3" href="#maps"> tab3 </a>

我有以下div's有tab-content类。

<div class="tab-content" id="tab-1">Tab-1 </div>
<div class="tab-content" id="tab-2">Tab-2 </div>
<div class="tab-content" id="tab-3">Tab-3 </div>

尝试：

$(document).ready(function($) { 
    $('.projects_select').find('current').attr(data-tab);
    $('.tab-content').addClass('current');
});

Answer 1

最基本的答案是简单的组合类选择，你需要将其分配给一个变量：

var myId = $('.projects_select.current').attr(data-tab);

然后，使用该选择伴侣元素：

$('#' + myId).addClass('current');

不过，我建议简化使用顺序（指数）：

var myIndex = $('.projects_select.current').index();

然后...

$('.tab-content').eq(myIndex).addClass('current');

这消除了ID和数据属性的要求。如果你有在页面上.tab-content的多个实例，包括来自含两套元素的元素类：

$('.parent-element .tab-content').eq(myIndex).addClass('current');

https://api.jquery.com/eq/