使用jQuery检查表th是否具有属性值

使用jQuery检查表th是否具有属性值,jquery,html,css,Jquery,Html,Css,我试图在窗口上显示内容,调整大小并加载。之后,单击表th属性等于给定值。我不知道我哪里做错了,但我无法得到结果 $(窗口).on(“加载调整大小”,函数(e){ var$theWindowsSize=$(this).width(); 如果($theWindowsSize

我试图在窗口上显示内容,调整大小并加载。之后,单击
表th
属性等于给定值。我不知道我哪里做错了,但我无法得到结果

$(窗口).on(“加载调整大小”,函数(e){
var$theWindowsSize=$(this).width();
如果($theWindowsSize<768){
警报($theWindowsSize);
if($('table th').attr('id')=='basic tab'){
$('table th#basic tab')。在('click',函数(e)上{
警报(“基本”);
$('table.basic content').css('display','block');
});
}else if($('table th').attr('id')='standard tab'){
$('table th#standard tab')。在('click',函数(e)上{
警报(“标准”);
$('table.standard content').css('display','block');
});
}
}
});
。基本内容,
.标准含量{
dispaly:无;
}

表1
表2
基本内容
标准含量

单击
th
获取
id
,将其拆分并获取第一部分,然后检查从该
字符串开始的
tr
包含
类的
以及包含
内容的
。在上面应用CSS

工作代码段:-

$('table th')。在('click',函数(e)上{
var thId=$(this.attr('id');
var compare=thId.split('-')[0];
$('tr')。每个(函数(){
if($(this).attr('class')!=未定义){
$(this.css('display','none');
}
});
$('tr[class*='+compare+'-content]').css('display','block');
});
.basic content、.standard content{
显示:无;
}

表1
表2
基本内容
标准含量
$(“.th”)仅返回第一个元素,因此让我们分别尝试:

$(".th").eq(n) 
$(窗口).on(“加载调整大小”,函数(e){
var$theWindowsSize=$(this).width();
如果($theWindowsSize<768){
警报($theWindowsSize);
if($('table th').eq(0).attr('id')=='basic tab'){
$(“正文”)。在('click','table th#basic tab',函数(e){
警报(“基本”);
$('table.basic content').css('display','block');
});
}if($('table th').eq(1).attr('id')=='standard tab'){
$('body')。在('click','table th#standard tab',函数(e){
警报(“标准”);
$('table.standard content').css('display','block');
});
}
}
});
。基本内容,
.标准含量{
dispaly:无;
}

表1
表2
基本内容
标准含量

你也可以分享你的HTML吗?我想你需要做:-
$('table.content').css('display','block')请现在检查代码更新请阅读问题并正确理解在单击事件时@User863do需要什么,然后执行一些条件一些非常感谢!