我只是在学习 jQuery,我很菜鸟。
看,我们有 2 个 div 如下:
<div id="div1">
<ul>
<li> This is Line 1</li>
<li> This is Line 2</li>
<li> This is Line 3</li>
<li> This is Line 4</li>
<li> This is Line 5</li>
</ul>
</div>
<div id="div2">
<ul>
<li> <input type="text" /></li>
<li> <input type="text" /></li>
<li> <input type="text" /></li>
<li> <input type="text" /></li>
<li> <input type="text" /></li>
</ul>
</div>
由于我刚刚学习change()函数,所以我想做的就是:当div2中输入框的每个值发生变化时,应将相同数字的div1 li更改为输入的值,例如如果我们开始输入在 div2 的第二个输入框中,第二个 li 文本应该是我们在第二个输入框中输入的内容。
这是我迄今为止尝试过的,但没有奏效:
<script type="text/javascript">
$(document).ready(function(){
$('#div2 :input').change(function(i){
var str = $(this).text;
$('#div1 li').eq(i).text(str);
});
});
</script>
这有什么问题?提前致谢