使用特定列中的值的篩選器表

-1

我正在嘗試使用javascript篩選表格，以僅顯示多於5個播種器的行。這裏是一個JSFiddle的鏈接和一個表格的例子。使用特定列中的值的篩選器表

一行的例子：

<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>

來源

2016-08-18 Jamie Peregrym

你可以做這樣的事情：

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

這將完成是檢查第九列的內容每行中，如果此列中的值越小則5，隱藏的行。

DEMO

來源

2016-08-18 03:46:19 Titus

感謝您的回答，當我在頁面中添加另一個元素時，它似乎破壞了代碼。你能否再次幫助我？ http://jsfiddle.net/ajm0e4xk/ –

對不起，這裏是實際的鏈接http://jsfiddle.net/ajm0e4xk/6/ –

@JamiePeregrym'v.querySelectorAll（「td」）[8]'表示第9列，只需將'[8]'更改爲列的位置減1。 – Titus

這裏的東西簡單，讓你開始：

var rows = document.getElementById("yourTableId").querySelectorAll("tr"); 

for (var i = 1; i < rows.length; i++) { // start at row 1 to skip header 
    if (+rows[i].cells[8].textContent <= 5) 
    rows[i].style.display = "none"; 
}

演示：http://jsfiddle.net/xQB4Z/568/

注：我給你的表中的ID。您可以改爲使用document.querySelector("table")來獲取頁面上的第一個表格。

來源

2016-08-18 03:45:19 nnnnnn

一個如何去使用「document.querySelector（」表「）」頁面上有兩個表喜歡這裏http://jsfiddle.net/ajm0e4xk/7/ –

'document.querySelector（「table」）'將選擇頁面上的第一個表格。如果你想要第二個表，你可以使用'document.querySelectorAll（「table」）[1]'（其中方括號中的數字是一個從零開始的索引 - 並注意在函數名中增加「All」）。但是如果你打算從JS引用它們，最好給它們ID，這樣如果頁面佈局改變，代碼不會中斷。 – nnnnnn

謝謝，這個作品很棒！ –

使用特定列中的值的篩選器表

回答

相關問題