使用 jquery 隐藏和显示 tablerow 元素答案

【问题标题】：Hiding and showing tablerow elements with jquery使用 jquery 隐藏和显示 tablerow 元素
【发布时间】：2011-11-21 10:14:09
【问题描述】：

我有一个简单的函数，可以在用户单击链接时显示和隐藏元素。

目前是这样设置的：

$('div.box table a').click(function (e) {

    stopEvent(e);
    var self = $(this);

    if ($("#" + self.text()).css('display', 'none')) {
        $("#" + self.text()).show('slow');

        return;
    }
    else if ($("#" + self.text()).css('display', 'table-row')) {
        $("#" + self.text()).hide();

        return;
    }

});

所以基本上，如果用户点击一个链接，我会得到具有 ID 的 tablerow，它是链接的文本。我还检查了 tr 的“显示”标签以确定我应该显示还是隐藏。

可悲的是，它很糟糕，而且隐藏不起作用。

感谢您的帮助！

编辑：Html 部分，根据要求：

        <%  bool even = true;
            foreach (var item in ViewBag.NefList)
          {%>
                <tr <%: even? "class=even" : "" %>>
                    <td><%: Html.ActionLink(item.Artno, "action", new { artno = item.Artno, week = ViewBag.Week, projectID = item.projectID  })%></td>
                    <td><%: item.projectName%></td>
                    <td><%: item.qty%></td>
                    <td><%: item.totalStock%></td>
                    <td><%: item.Description%></td>
                </tr>
                <tr <%: even? "class=even" : "" %> style="display: none" id ="<%: item.Artno %>"> <td>Hello</td></tr>
         <% even = !even;
          } %>   
</table>

【问题讨论】：

你能把html部分也显示出来吗？

标签： jquery asp.net css

【解决方案1】：

您在检查元素是否可见时出错。切换方法会为您解决这个问题。

$('div.box table a').click(function (e) {
    var self = $(this);
    e.preventDefault

    $("#" self.text()).toggle('slow');
});

【讨论】：

谢谢！不知道那个功能:)

【解决方案2】：

试试这个，

  else if ($("#" + self.text()).css('display', 'block')) {
            $("#" + self.text()).hide();

            return;
        }

【讨论】：

这不是您在if 子句中添加的条件。这是一个css样式设置调用。

【解决方案3】：

使用

if ($("#" + self.text()).is(':visible')) {

检查元素是否可见。并采取相应的行动。

同样，您可以使用.toggle() 方法来显示/隐藏 jQuery 元素。

【讨论】：