隐藏<td>包含特定字符串(用户 ID)的特定标签

Question

站点地址：http://tcafe2a.com/bbs/board.php?bo_table=free

我想删除用户id"做的一些帖子；captenharu"；。

我做了以下操作(使用Tampermonkey脚本(，它删除了大部分网页，而不仅仅是由"captainharu"完成的帖子，我不知道。请帮忙。

function rmvtd2(name) {
var t = document.getElementsByTagName("td");
for (var i=0; i<t.length; i++)
{
var elementHtml = t[i].outerHTML;
var n1 = elementHtml.indexOf(name);
if(n1>1){
t[i].style.visibility = 'hidden';
}
}
}
rmvtd2("captinharu");

Answer 1

对于这种特殊情况，此解决方案有效。但可能并非对所有情况都有效。

function rmvtd2(name) {
var t = document.getElementsByTagName("tr");
for (var i=0; i<t.length; i++)
{
var elementHtml = t[i].outerHTML;
var n1 = elementHtml.indexOf(name);
if(n1 > -1 && n1 < 1000){
t[i].style.display = 'none';
}
}
}
rmvtd2("captinharu");

Answer 2

也许你可以试试querySelectorAll()？

let name ='captinharu';
document.querySelectorAll('td').forEach(function (item){
const regex = RegExp(name);
if(regex.test(item.innerText)){
item.setAttribute('hidden',true);
// or ->  item.classList.add('hidden'); 
// or ->  item.remove(); 
};
})

Answer 3

DOM隐藏了一些东西。您可以像

那样简单地使用javascript来管理它们以隐藏
t[i].style.display = 'none';

显示
t[i].style.display = '';

Answer 4

您可以通过执行以下操作来隐藏行：

function hideUserPost(username){
$("#tbl_board .member").each(function( index ) {
if($( this ).text() == username){
$( this ).closest('tr').hide();
}
});
}
hideUserPost('Captain Day');