通过页面内的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的内容，但显示#text1和#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());
   });
});