基于parentNode的grandChild innerHTML隐藏

Question

我需要基于childNodes innerHTML隐藏整行。基本上，在我的表单中，我有一个状态下拉菜单，但是隐藏在它自己的位置上并不能获得行的乐趣。我如何将显示设置为“无”？

​

​

Answer 1

使用的方法如下：

$("nobr").filter(function () {
    return $.trim(this.childNodes[0].nodeValue) === "Status";
}).closest("tr").hide();

这将在页面上找到all <nobr>元素，获取它们的第一个子节点(在示例中，该子节点是一个文本节点，其中包含空白和文本，如"Status")，并检查其文本是否为"Status“。

如果<nobr>中的元素顺序不是示例所显示的那样，或不同行之间的差异，或者其他任何东西，这肯定需要更新，因为这是一个非常特定的搜索。

当然，您可以缩小最初针对哪些<nobr>元素。例如，如果您希望目标的HTML仅在表中，您可以首先找到该表，然后查看以下内容中的<nobr>元素：

$("#table_id").find("nobr").filter(func...