Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/400.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何选择具有特定类的元素?_Javascript_Jquery_Html_Custom Data Attribute - Fatal编程技术网

Javascript 如何选择具有特定类的元素?

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 = $('.

从下面的数据属性选项卡中查找当前类,无论哪个数据属性选项卡具有类,并添加将当前类附加到具有选项卡内容的下面div中的类似ID

尝试:

$(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');