jquery笔试题
<body>
<div name="zw1">
<input type="text" id="zw11" name="zw11">
<input type="text" id="zw11" class="zw11">
</div>
<div id="zw2">
<input type="text" id="zw12" name="zw11">
<input type="text" id="zw12" class="zw11">
</div>
</body>
问题
//input第一个赋值123
//input第二个赋值456
//第一个变第三个也变
//删除第四个然后添加第四个 第四个变化 第一个跟着变
解决
$(document).ready(function(){
//input第一个赋值123
//input第二个赋值456
//$("input[name='zw11']")[0].value="123";
//$("#zw11").eq(0).val("123");
$("#zw11").eq(0).val("123");
$(".zw11").eq(0).val("456");
//$("input[name=zw11]").each(
// function(){
// alert($(this).val());
// }
//);
//第一个变第三个也变
//方法1
//$("input[id='zw11'][name='zw11']").change(function(){
// $("input[name='zw11']")[1].value = $("input[name='zw11']")[0].value;
//});
//方法2
$("#zw11").eq(0).change(function(){
$("input[name='zw11']").eq(1).val($("input[name='zw11']").eq(0).val());
});
//$("#zw2").empty();
//删除第四个然后添加第四个 第四个变化 第一个跟着变
$("#zw2 .zw11").remove();
$("#zw2").append("<input type='text' id='zw12' class='zw11' value='11'>");
//方法一
//$("#zw2 .zw11").change(function(){
//$("#zw11").eq(0).val($("#zw2 .zw11").val());
//});
//方法二
$("#zw2 .zw11").bind("change",function(){
$("#zw11").eq(0).val($("#zw2 .zw11").val());
});
});