首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在MVC中隐藏单击按钮时的Div

如何在MVC中隐藏单击按钮时的Div
EN

Stack Overflow用户
提问于 2012-01-18 21:48:38
回答 3查看 2.5K关注 0票数 2

我的应用程序在MVC3中。我想要在单击按钮时隐藏视图中的某个特定的Div。下面是我尝试过的代码。

代码语言:javascript
运行
复制
 $(document).ready(function () { 
 $("#btnCompare").click(function () {
 if(MyCondition)
 {
    for(MyLoop)
    {
    }
}
}
});

我的这段代码不是working.As很好,因为我想在点击后隐藏。请给出建议

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2012-01-18 21:54:24

代码语言:javascript
运行
复制
$(document).ready(function () { 
     $("#btnCompare").click(function () {
     $(".YourDiv").hide("slow");
     if(MyCondition)
     {
        for(MyLoop)
        {
        }
     }
    });
});

YourDiv是你想要的hide.If的类。在Div标签中没有ID,然后像这样分配一个类

代码语言:javascript
运行
复制
<div class="YourDiv"></div>
票数 6
EN

Stack Overflow用户

发布于 2012-01-18 21:50:07

描述

可以使用jQUery的.hide()方法隐藏元素。

jQuery.hide()

隐藏匹配的元素。

您还可以隐藏带有动画的div。

查看我的示例和此.

示例1

代码语言:javascript
运行
复制
$(document).ready(function () { 
    $("#btnCompare1").click(function () {
       $("#myDiv").hide()
    });
});

示例2(动画)

代码语言:javascript
运行
复制
$(document).ready(function () { 
    $("#btnCompare2").click(function () {
       $("#myDiv").hide("slow");
    });
});

更多信息

  • .
  • jQuery.hide()
票数 2
EN

Stack Overflow用户

发布于 2012-01-18 21:51:34

代码语言:javascript
运行
复制
$(document).ready(function () { 
    $("#btnCompare").click(function () {
        if(MyCondition)
        {
            $("div.SomeTargetCssClass").hide();
        }
     }
});

应该就这么简单;您可以通过ID ($("#divid"))或使用上面的代码来定位DIV。确保也对MyCondition进行了评估,因为这有时可能是罪魁祸首。

此外,您可能希望查看源代码以确保按钮的ID计算为btnCompare;在客户端,它的呈现可能有一点不同……

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/8911207

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档