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