Question

我在表单标记中有多个div。

  <form id="RegdForm">

@Html.Partial("../Partials/_PatientEdit")

部分视图，

<div id="zafar"> <h3>Zafar</h3> </div>

当我试图隐藏所有div时，它的工作方式如下

 <script type="text/javascript">
    $('Div').hide();
</script>

但是当我试图隐藏特定的Div时，它根本就没有隐藏。

 <script type="text/javascript">
    $('#zafar').hide();
</script>

我在Razor上使用ASP.Net MVC 5。任何帮助表示赞赏。

Answer 1

这是你的答案：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript">
  $(document).ready(function(){
      $("#zafar").hide();
  });
</script>

Answer 2

试试这个

<!DOCTYPE HTML>
<html>
<head>
<title> Untitled </title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<style type="text/css">
</style>

</head>
<body>
<div id="zafar">
    <h3>Zafar</h3>
</div>
<div class="well well-sm">
        <button class="btn btn-success" type="submit">Save</button>
        <button class="btn btn-primary" type="button" data-bind="click: printPatient">Print</button>
        <button class="btn btn-danger" type="button" data-bind="click: resetForm">Reset</button>
    </div>
<button id="hide">Hide</button>
<button id="hideAll">Hide All</button>
<script type="text/javascript">
   $(document).ready(function(){
  $("#hide").click(function(){
     $('#zafar').hide();
   });
    $("#hideAll").click(function(){
   $('Div').hide();
 });
});

</script>

</body>
</html>

Answer 3

在此处添加您的相应功能。

$(function() {
    $('#zafar').hide();
})

Answer 4

经过长时间的谷歌搜索，我发现了一个解决方案。由于div位于表单标记内，因此访问div的方式可以完成，

<script type="text/javascript">
$('#RegdForm #zafar').hide();

它帮助我完成了任务。

具有ID的个人Div不会通过表单标记内的Jquery隐藏

4 个答案: