隐藏基于grandChild innerHTML的parentNode

时间:2013-08-15 20:02:33

标签: javascript jquery parent-child innerhtml

我需要根据childNodes innerHTML隐藏整行。基本上在我的表单中我有一个状态下拉菜单,但隐藏它自己不会得到行。如何将显示设置为无?

enter image description here

1 个答案:

答案 0 :(得分:0)

使用类似的东西:

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

这会在页面上找到所有 <nobr>元素,获取他们的第一个子节点(在示例中,是一个带有空格和文本的文本节点,如“Status”),并检查它的文字是“状态”。

如果<nobr>中的元素顺序不是示例所示的顺序,或者跨行或其他任何内容不同,则肯定需要更新,因为这是一个非常具体的搜索。

当然,您可以先缩小哪些<nobr>元素。例如,如果您要定位的HTML仅在表中,您可以先找到该表,然后查看其中的<nobr>元素:

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