jQuery,如何替换div内容

时间:2017-06-07 17:29:19

标签: javascript jquery

我想替换class =" replaceDiv"的div内容。使用按钮,"删除"



Button:   <input type="button" value="Delete" />
====================================================================

<div>
  <div class="col-sm-9" align="center">
    <div class="replaceDiv">
      <a href="/xyz/delta/12">Delete</a>
    </div>
  </div>
  <div class="form-group">
    <div class="col-sm-9">
      <select class="form-control" name="FISCAL_YEAR_ID">
       <option value="15">FY15</option>
       <option value="16">FY16</option>
       <option value="17">FY17</option>
    	</select>
    </div>
  </div>
</div>
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:0)

您可以同时尝试 $('replaceDiv').replaceWith('<p> new content</p>') $('replaceDiv').html('<p> new content</p>')

目前尚不清楚你想做什么,但这些应该有用。

答案 1 :(得分:0)

从您的问题中不清楚您想要替换它的内容,但这里有一个示例,它的工作原理如下:

$(document).ready(function() {
  $("#x").click(function() {
    $(".replaceDiv").html("blabla");
  })
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="button" id="x" value="Delete" />

<div>
  <div class="col-sm-9" align="center">
    <div class="replaceDiv">
      <a href="/xyz/delta/12">Delete</a>
    </div>
  </div>
  <div class="form-group">
    <div class="col-sm-9">
      <select class="form-control" id="FISCAL_YEAR_ID" name="FISCAL_YEAR_ID">
       <option value="15">FY15</option>
       <option value="16">FY16</option>
       <option value="17">FY17</option>
    	</select>
    </div>
  </div>
</div>