javascript - 使用特定列中的值过滤表

标签 javascript html filter html-table

我正在尝试使用 javascript 过滤表格,以仅显示具有超过 5 个播种器的​​行。以下是 JSFiddle 的链接,其中包含表格示例。

http://jsfiddle.net/xQB4Z/566/

一行示例:

<td align=left width=500><NOBR><a href="download.php?id=1241487&SSL=1"><img style="position: relative; top: 2px;" src="themes/classic/pic/download.gif.pagespeed.ce.6SI31hDpjb.gif" border="0"></a>&nbsp;<a class="index" href="details.php?id=1241487&amp;hit=1">CENTOS 4</a> (<b><font color="red">NEW!</font></b>)</NOBR><br/><font size=1 color='666666'><i>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Uploaded 13 m, 44 seconds after pre</i></font></td>
<td align="right"><b><a href="details.php?id=1241487&amp;hit=1&amp;filelist=1">78</a></b></td>
<td align="right">0</td>
<td align=center><nobr>2016-08-17<br/>23:23:27</nobr></td>
<td align=center>----</td>
<td align=center>6.64<br/>GB</td>
<td align=center>----</td>
<td align="right"><span class="green">2</span></td>
<td align="right"><span class="green">2</span></td>
</tr>

最佳答案

你可以这样做:

Array.from(document.querySelectorAll("tr")).forEach(function(v, k){
    var seeders = v.querySelectorAll("td")[8].textContent;
    if(seeders < 5){
        v.style.display = "none";
    }
});

这将检查每行中第 9 列的内容,如果该列中的值小于 5,则隐藏该行。

DEMO

关于javascript - 使用特定列中的值过滤表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39009591/

相关文章:

java - 从 XML 与 JAVA 对象创建 HTML

django - 如何在此处使用 filter() 查询集而不使用循环

JQuery - 根据文本框输入过滤嵌套列表

javascript - 价格 slider 过滤器

javascript - 将子属性添加到 jsdoc 中的现有属性列表

javascript - 在我的 JS Pong 游戏中无法击球

html - 伪元素的z-index定位

jquery - 在 jQuery 中查找所有未选中的复选框

c# - ASP.NET - Javascript 超时警告基于 web.config 中的 sessionState 超时

javascript - 在“喜欢”和“不喜欢”功能期间,Firebase 函数中出现错误 500