动态添加元素上的 Jquery css()

Question

我有一个表，其中一些行通常不会显示(使用带有CSS显示的类:“none”；)。按下按钮时我想显示这些行。 问题在于整个表格是动态添加到页面的，因此代码不起作用。

HTML

<tr class="HiddenRowClass"> ....  </tr>

JS

function ShowRowsClick() {
$(".HiddenRowClass").css("display","");
}

我已经阅读过有关使用 .on() 将事件绑定(bind)到动态生成的元素的信息，但我找不到任何有关非事件绑定(bind)的内容。 (如果这是正确的术语)

Answer 1

您必须让显示屏显示出来。

$(".HiddenRowClass").css("display","block");

或者，由于您使用 "display:none" 隐藏了它，因此您可以使用 jquery 函数来显示它。

$(".HiddenRowClass").show();