gpt4 book ai didi

javascript - 根据包含的 td 属性隐藏表行

转载 作者:行者123 更新时间:2023-11-28 10:20:30 25 4
gpt4 key购买 nike

<table border="1">
<tr>
<td>
<div class="xyz">Division 1</div>
</td>
</tr>
<tr>
<td>
<div class="abc">Division 2</div>
</td>
</tr>
</table>

请注意 <td>内容是动态添加的。我需要隐藏第二个 <tr>基于其 <td>包含 <div>类(class)名称。并且请建议在 css/javascript 方法中不要使用 jQuery,因为 html 不支持 jQuery

谢谢

最佳答案

JSFiddle:http://jsfiddle.net/Cheejyg/uaMxd/1/

HTML:

<table border="1">
<tr>
<td>
<div class="xyz">Division 1</div>
</td>
</tr>
<tr>
<td>
<div class="abc">Division 2</div>
</td>
</tr>
</table>


JS:

var tr = document.getElementsByTagName('tr');

for(var i = 0; i < tr.length; i++) {
switch(tr.item(i).getElementsByTagName('div').item(0).className) {
case "abc":
case "other div class names":
tr.item(i).style.display = "none";
break;
}
}

关于javascript - 根据包含的 td 属性隐藏表行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24030741/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com