javascript - 通过页面内的 jQuery 加载更改的内容

Question

我有这个：

<div style='display:none' id='myDiv'>
  <input type='text' value='' id='text1'>
  <input type='text' value='' id='text2'>
<div>

<ul>
<li> <a href="#" onClick="$('#text1').val('Hello1');
                          $('#text2').val('Hello2');">Load content</a>
   <span id='divLoader'></span> 
</li>
</ul>

而且我想#divLoader从 Div 加载内容#myDiv，但是使用#text1and#text2显示，如果我有更多a links内容，它将改变相等。

提前致谢。

Answer 1

<div style='display:none' id='myDiv'>
  <input type='text' value='' id='text1'/>
  <input type='text' value='' id='text2'/>
</div>

<ul>
<li> <a href="#" onClick="$('#text1').val('Hello1');
                          $('#text2').val('Hello2');
                          $('#divLoader').html($('#myDiv').html());">Load content</a>
   <span id='divLoader'></span> 
</li>
</ul>

但最好将该代码放入<script>标签中

$(function() {
   $('ul li a').click(function() {
       $('#text1').val('Hello1');
       $('#text2').val('Hello2');
       $('#divLoader').html($('#myDiv').html());
   });
});