Javascript 如何选择具有特定类的元素?
从下面的数据属性选项卡中查找当前类,无论哪个数据属性选项卡具有类,并添加将当前类附加到具有选项卡内容的下面div中的类似ID 尝试:Javascript 如何选择具有特定类的元素?,javascript,jquery,html,custom-data-attribute,Javascript,Jquery,Html,Custom Data Attribute,从下面的数据属性选项卡中查找当前类,无论哪个数据属性选项卡具有类,并添加将当前类附加到具有选项卡内容的下面div中的类似ID 尝试: $(document).ready(function($) { $('.projects_select').find('current').attr(data-tab); $('.tab-content').addClass('current'); }); 基本答案只是一个组合类选择器,您需要将其分配给一个变量: var myId = $('.
$(document).ready(function($) {
$('.projects_select').find('current').attr(data-tab);
$('.tab-content').addClass('current');
});
基本答案只是一个组合类选择器,您需要将其分配给一个变量:
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内容实例,请包含包含两组元素的元素中的类:
$('.parent-element .tab-content').eq(myIndex).addClass('current');
你忘了。为您的类选择器。是.current而不是current以标记而不是类为目标。find'current'正在查找$'。projects_select'。find'current'。attrdata选项卡;所以你没有做任何事情,它会回来。。。。希望看到类似var foo=…ATRTDATA选项卡的内容;似乎是一个变量名问题。或者它只是缺少了周围的引号。这真的很有用,正在寻找类似的东西。
$('.tab-content').eq(myIndex).addClass('current');
$('.parent-element .tab-content').eq(myIndex).addClass('current');