Question

我正在使用JQuery：采用完整的HTML并附加到新的div

我的JQuery代码：

$(document).ready(function(){
    $("#addNew").click(function(){
        var maindiv = document.getElementById('nestedFeilds').html();
        $("#showhere").append('maindiv');
    });
});

HTML非常复杂且冗长，因此只需参考

<div class= "row" id="mainContainer">
    <label for="Education" style="margin-left: 30px ; float:left;">Education</label>

        <div class="col-xs-4 inner"></div>
        <div class="col-xs-8  verticalLine" id="nestedFeilds"  style=" margin-left: 10px ;float:left; display: none;">

在最后一个div中，它实际上是一个表单，当我点击按钮时，我需要使用不同的name属性显示其完整的html

我正在调用我的函数

<div id= "showhere"></div>
<div  style="margin-left: 133px;float:left;">
    <a id="addNew"> Add Education</a>
</div>

Answer 1

如果您想获得innerHTML，则应使用element.innerHTML，如果您想追加以前保存的内部HTML，则可以使用element.append(variableWithPreviousInnerHTML)。以下是工作示例：

＆＃13;

$(document).ready(function() {
  $("#addNew").click(function() {
    var maindiv = document.getElementById('nestedFeilds').innerHTML;
    $("#showhere").append(maindiv);
  });
});

＆＃13;

div {
  width: 100px;
  height: 100px;
  border: 1px gray solid;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="nestedFeilds">Content from #nestedFeilds</div>
<div id="showhere"></div>
<button id="addNew">Click</button>

＆＃13;

如果有什么不清楚，请随时提问。

将一个潜水的完整html附加到新div中

1 个答案: