Question

我有一个隐藏在表单中的div（class =＆＃34; hide＆＃34;），当我点击一个按钮然后通过删除类＆＃34; hide＆＃34;来显示div。这个div有一个标签和一个按钮。当＆＃34;隐藏＆＃34; class被动态删除。但按钮显示。只缺少标签。让我知道这里的问题。

<div id="UpdateDiv" class="hide" class="col-lg-12">
  <div align="right" style="margin:10px;">
    <label id='UpdateSuccess'>Update Successful</label>
    <a class="btn btn-primary btn-sm" style="margin-left:10px; width:100px;">
      <i class="demo-icon icon-cw-1 fa-fw" style="font-size:1.3em;"> </i> Update
    </a>
    <button type="button" class="btn btn-primary btn-sm" style="width:120px; border:0px ">Cancel</button>
  </div>
</div>


$("#UpdateDiv").removeClass("hide");

感谢。

Answer 1

我认为你搞砸了你的报价：

<div id="UpdateDiv" class="hide" class="col-lg-12">
    <div align="right" style="margin:10px;">
        <label id="UpdateSuccess">Update Successful</label>
        <a class="btn btn-primary btn-sm" style="margin-left:10px; width:100px;">
            <i class="demo-icon icon-cw-1 fa-fw" style="font-size:1.3em;"> </i> Update
        </a>
        <button type="button" id="Cancel_{{hubName}}" class="btn btn-primary btn-sm" style="width:120px; border:0px"> Cancel</button>
    </div>
 </div>

Answer 2

你的HTML错了。我在这里解决了这个问题。

$("#UpdateDiv").removeClass("hide");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id=UpdateDiv class="hide" class="col-lg-12">
  <div align="right" style="margin:10px;">
    <label id='UpdateSuccess'>Update Successful</label>
    <a class="btn btn-primary btn-sm" style="margin-left:10px; width:100px;">
      <i class="demo-icon icon-cw-1 fa-fw" style="font-size:1.3em;"> </i> Update
    </a>
    <button type="button" id=Cancel_{{hubName}} class="btn btn-primary btn-sm" style="width:120px; border:0px ">Cancel</button>
  </div>
</div>

jquery - 删除＆＃34;隐藏＆＃34; DIV上的类没有在div中显示标签

2 个答案: