关于动态添加元素的Jquery css（）

Question

我有一个表，其中包含一些通常不显示的行（使用带CSS显示的类：“none”;）。按下按钮我想显示这些行。 问题是整个表是动态添加到页面的，因此代码不起作用。

HTML

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

JS

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

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

Answer 1

您必须进行显示。

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

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

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

Answer 2

如何动态添加行？如何将按钮单击事件绑定到ShowRowsClick（）函数？只要在DOM中的行之后按下按钮，并且您有一个事件绑定按钮，单击您的ShowRowsClick（）函数，您应该没问题。如果在单击按钮后添加行，则必须执行更复杂的操作，例如让按钮单击功能设置状态变量，并使用行添加功能检查该变量以查看是否应显示行。