Jquery 比较表和div之间的类,并设置未显示的类的样式

Jquery 比较表和div之间的类,并设置未显示的类的样式,jquery,Jquery,我不知道如何做到这一点,这里的新手用户。我有一张桌子,在那里我需要从“th”得到所有的课程。然后使用一些相同的类将这些类与div进行比较。如果表中不存在类名,我希望在div中的那些类名上显示none。我还没有尝试过任何东西,因为我甚至不知道从哪里开始 现有HTML-需要找到所有“th”类名称 <tbody> <tr> <th class="class1"> <th class="class2"&g

我不知道如何做到这一点,这里的新手用户。我有一张桌子,在那里我需要从“th”得到所有的课程。然后使用一些相同的类将这些类与div进行比较。如果表中不存在类名,我希望在div中的那些类名上显示none。我还没有尝试过任何东西,因为我甚至不知道从哪里开始

现有HTML-需要找到所有“th”类名称

 <tbody>
  <tr>
   <th class="class1">
   <th class="class2">
   <th class="class3">
   <th class="class4">
   <th class="class5">
   <th class="class6">
  </tr>
 </tbody>
</table>

现有Div-我需要找到在上表中没有找到匹配项的所有类,并向它们显示:none

<div class="wrapper">
 <div class="class1"></div>
 <div class="hide"></div>
 <div class="class2"></div>
 <div class="class3"></div>
 <div class="change"></div>
 <div class="class4"></div>
 <div class="class5"></div>
 <div class="class6"></div>
 <div class="help"></div>
</div>

随后生成的HTML将如下所示

<div class="wrapper"> 
  <div class="class1"></div>
  <div class="hide" style="display:none"></div>
  <div class="class2"></div>
  <div class="class3"></div>
  <div class="change" style="display:none"></div>
  <div class="class4"></div>
  <div class="class5"></div>
   <div class="class6"></div>
  <div class="help" style="display:none"></div>
</div>

试试下面的实现。我使用了一种方法来立即执行死刑。因此,代码获取所有
th
元素,对于每个元素,获取其类并将其添加到
classes
数组中。接下来,获取
.wrapper
类下的所有
div
,并检查类名是否与
classes
数组中的名称匹配。如果不满足该条件,则将
display
属性修改为
none

(函数(){
让类=[];
$('th')。每个(函数(){
class.push($(this.attr(“class”))
})
console.log(类);
$('.wrapper div')。每个(函数(){
让divClassName=$(this.attr(“类”);
if(classes.indexOf(divClassName)=-1){
$(this.css('display','none'))
}
})
})();

第一类
隐藏
类别2
三班
隐藏
类别4
类别5
类别6
隐藏

试试下面的实现。我使用了一种方法来立即执行死刑。因此,代码获取所有
th
元素,对于每个元素,获取其类并将其添加到
classes
数组中。接下来,获取
.wrapper
类下的所有
div
,并检查类名是否与
classes
数组中的名称匹配。如果不满足该条件,则将
display
属性修改为
none

(函数(){
让类=[];
$('th')。每个(函数(){
class.push($(this.attr(“class”))
})
console.log(类);
$('.wrapper div')。每个(函数(){
让divClassName=$(this.attr(“类”);
if(classes.indexOf(divClassName)=-1){
$(this.css('display','none'))
}
})
})();

第一类
隐藏
类别2
三班
隐藏
类别4
类别5
类别6
隐藏