Question

问一个jquery为表单赋值的问题 同时如何把我现在写的代码稍微优化一下 50分悬赏高手请进 在线等

是这样的：目前有2个表格的数据，其中#temp_table是临时表，主要是从数据库查出来的数据，然后要赋值给#new_bzjh 表格，因为表格里面含有合并行的，而且表格数据很大，所以操作上会有些复杂
列举里面的new_bzjh表一个tr元素
<tr>
<td rowspan='14' id='qcl'>汽车连</td>
<td id="qcl_0">空勤车</td>
<td><input type="text" name="num" id="qcl_00"></td><!--是个文本输入框 只能输入数字-->
<td><input type="text" name="text" id="qcl_000"></td>
<td rowspan='14'><input type="text" id='qcl_shr'/></td>
<td rowspan='5' id='cwl'>场务连</td>
<td id="qcl_0">消防车</td>
<td><input type="text" name="num" id="cwl_00"></td>
<td><input type="text" name="text" id="cwl_000"></td>
<td rowspan='5'><input type="text" id='cwl_shr'/></td>
</tr>
我写的jquery函数
var num = $("#temp_table").find("tr").length+1;
var x= $('#temp_table tr:nth-child('+i+‘) td eq:(0)’);
for(var i=0;i<num;i++){
$("#new_bzjh tr td").filter(':contains('+x+')').each(function(){
var x1 = $('#temp_table tr:nth-child('+i+‘) td eq:(1)’);
var x2 = $('#temp_table tr:nth-child('+i+’) td eq:(2)‘);
var x3 = $('#temp_table tr:nth-child('+i+‘) td eq:(3)’);
$(this).next('td').html(x1);//我这里写的不对 直接改里面的html值了。 $(this).next('td').html()打印输出的是<input type="text" name="num" id="XX"/>的表单信息 我要给这个表单元素设置值 怎么改
$(this).next('td').next('td').html(x2);
var temp10 = $(this).next('td').next('td').next('td').html();
if(temp!=null&&temp10.indexOf('type')!=-1){
$(this).next('td').next('td').next('td').html(x3);
//这里主要考虑到下个元素可能为空或者未定义 所以加了判断
}
});
}
高手快来帮我一下 还有我写的效率太差了，怎么改一下优化一下

Answer 1

var num = $("#temp_table").find("tr").length;//不需要加1
var trs = $('猜唯#temp_table > tr');//:nth-child 你用这个 难道是table里还穗隐培有不携举是tr的标签？
for(var i=0;i<num;i++){
	var x= trs.eq(i).find('td :eq(0)');//$('#temp_table tr:nth-child('+i+') td  eq:(0)'); 你这个是要获取第一个元素？ 意思是一段字符串 加其他标签？ 我也只是按照你的写法来的 eq:(0)没有这个、
	$("#new_bzjh tr td").filter(':contains('+x+')').each(function(){// 这个倒是没什么特别需要改的
		$(this).nextAll('td').each(function(_i){
			if(_i>=3)return;//只管前3个
			if(_i==2){//第三个特殊处理
				var val = $(this).html();//这个this是第三个td
				if(!val || val.indexOf('type')==-1)return;// 这里是排除处理
			}
			// 这里要分情况 看你是给td赋值 还是给td里面的元素赋值
			//给td赋值
			$(this).html(trs.eq(i).find('td :eq('+(_i+1)+')'));//如果是取内部元素的值 请用html()或者.val()
			//给内部的input赋值 选其一
			$(this).find('input').val(trs.eq(i).find('td :eq('+(_i+1)+')'));
		});
	});
}

追问

可能我写的地方没有写清楚var x= $('#temp_table tr:nth-child('+i+‘) td eq:(0)’); 这里我写错了 应该是里面的值var x= $('#temp_table tr:nth-child('+i+‘) td eq:(0)’).html()，就是临时表中每行数据的第一个单元格

追答

var num = $("#temp_table").find("tr").length;//不需要加1
var trs = $('#temp_table > tr');//:nth-child 你用这个 难道是table里还有不是tr的标签？
for(var i=0;i<num;i++){
    var x= trs.eq(i).find('td:eq(0)').html();//$('#temp_table tr:nth-child('+i+') td  eq:(0)'); 你这个是要获取第一个元素？ 意思是一段字符串 加其他标签？ 我也只是按照你的写法来的 eq:(0)没有这个、
    $("#new_bzjh tr td").filter(':contains('+x+')').each(function(){// 这个倒是没什么特别需要改的
        $(this).nextAll('td').each(function(_i){
            if(_i>=3)return;//只管前3个
            if(_i==2){//第三个特殊处理
                var val = $(this).html();//这个this是第三个td
                if(!val || val.indexOf('type')==-1)return;// 这里是排除处理
            }
var html = trs.eq(i).find('td:eq('+(_i+1)+')').html();
            if($(this).find('input').length){
$(this).find('input').val(html);//如果内部有input 就给input赋值
}else{
$(this).html(html);//否则给td赋值
}
        });
    });
}

差不多也加个.html就行 你具体是哪不行？

追问

感觉思路正确的 但是 var x= trs.eq(i).find('td:eq(0)').html();取得值为什么为null呢？ 很费解。

追答

trs.eq(i).find('td:eq(0)').html() 如果是null 那么就是没找到标签

如果有标签 没有值的话 是''空字符
$("#temp_table") 你看看执行到这里的时候 这个标签存在吗？

追问

如果i从1开始的话 var x= $('#temp_table tr:nth-child('+i+‘) td eq:(0)’).html() 是有文本值 的 也就是table表格的某列的第一个单元格 但是用 var x= trs.eq(i).find('td:eq(0)').html(); 得到的调试信息是null 不知道问什么 trs 输出的话是[object,object]

追答

[object,object]是2行？ 调试的话用chrome比较好

trs.eq(0).find('td:eq(0)') 这个呢？

追问

trs 输出 [obejct Object] trs.eq(0).find('td:eq(0)')也输出[obejct Object] trs.eq(0).find('td:eq(0)').html() 输出null
谷歌 和IE8都是这样子

追答

谷歌是输出 [ 内容] 这样的 一看就知道是什么对象 如果都找到对象了 还出现null不实际

IE里 []也会显示 [obejct Object] 但谷歌就是[] 不要alert 用console.log(对象) 调试

可以直接在控制台输入代码

追问

好了 我把var trs=$("#temp_table tr"); 然后就显示出来了 啊 折腾了这么久，不过你很有耐心，谢谢你的帮助 不过 一个是后代选择器 一个是。。。

追答

哦 知道了 你那个table里面有tbody 所以>找不到