jquery hide show

时间:2011-05-31 18:29:37

标签: asp.net-mvc-2

我有一个从数据库生成的表(基本上是在MVC视图中)。我想让它可编辑。我想使用jquery在单击行前面的编辑​​按钮时隐藏行,并以编辑格式显示默认隐藏的行。我怎么能用jquery做到这一点?

请建议解决方案

由于

3 个答案:

答案 0 :(得分:1)

我能够通过使用假类名标记表行来完成此操作,然后在按钮单击事件中使用jquery的隐藏/显示。像这样:

在您的编辑按钮点击事件中调用:

$('.trMyRowIWantToHide').hide();

用这样的假类标记你的表行:

<tr class="trMyRowIWantToHide">

答案 1 :(得分:0)

为您的行设置HTML的确切程度如何?通常你可以在每一个上做$('SELECTOR')。toggle()。

答案 2 :(得分:0)

JQuery Show

http://api.jquery.com/show/

JQuery Hide

http://api.jquery.com/hide/

您也可能希望为此项目使用div表而不是实际表。您可以选择$(“#idofcolumn”)。toggle();隐藏和显示div或在您的情况下,您可能希望显示文本字段。您甚至可以使用.html()来替换文本框中的文本。有几种方法可以解决这个问题。查看JQuery文档。

http://docs.jquery.com/Main_Page