js添加的动态行js不能正确执行

[qq_21131931]

添加行代码如下：
var trindex=_this.parentNode.parentNode.rowIndex-1;
var trHTML = ['<tr class="entry_item">',
'<td ><input type="button" value="增加" onclick="addsubject(this)" /><BR/><input type="button" value="删除"
onclick="delsubject(this)" ></td>',
'<td class="col_debite" onclick="showcolDebite(this)"></td>',
'<td class="col_credit" onclick="showcolCredit(this)"></td>',
'</tr>'].join('');
$("#voucher tr:eq("+trindex+")").append(trHTML);
这样添加有两个JS问题，
1、动态添加的tr在执行当前行增加行时，trindex不能正确计算出来，还是按jsp初始化的table的tr序号来添加。
2、动态添加的tr在改变里边td的innerHTML时抛出unknown runtime error异常。
这两个问题查了很多资料都没找出解决办法，所以发帖向大家请教是否有碰到过类似问题。

[qq_21131931]

引用 1 楼 yaotomo 的回复:

用live绑定事件，如果是高版本jQuery，使用on绑定 比如，$("#divtest]").click(function () {}) 写成 $(document).on('click', '#divtest', function (){}) 试试

你好！td的click事件中需要传入this对象，进而修改当前td的innerHTML。使用on绑定怎么样传入这个参数合适呢？

[qq_21131931]

引用 3 楼 xcchcaptain2 的回复:

信息太少了，那些动态生成的td中，绑定的事件处理函数贴出来看看

你好！绑定事件的函数代码如下

function showcolDebite(_this){
	var tx="test";
	try {
		if(_this.innerHTML.length<50){
	        _this.innerHTML="<textarea cols='33' >"+tx+"</textarea>";//此处赋值抛出异常unknown runtime error
            }
	}catch(e){
		alert(e.message); 
		alert(e.description); 
		alert(e.number); 
		alert(e.name);      
	}
}

[XZowie]

你tr append 進 tr裡 rowindex當然不會增加 應該改成 before() 或是 after()

[qq_21131931]

大家好

//增加行函数
function addsubject(_this){
	var trindex=_this.parentNode.parentNode.rowIndex-1;
	  var trHTML = ['<tr class="entry_item">',
	                '<td class="operatesubject" style="border-top-width: 0px; border-right: #ff0000 0px solid; border-left: #ff0000 0px solid;"><input type="button" value="增加"  onclick="addsubject(this)"  style="width: 30px;height: 25px"/><BR/><input type="button" value="删除"  onclick="delsubject(this)"  style="width: 30px;height: 25px"/></td>',
	                '<td class="col_summary" onclick="showSummary(this)"></td>',
	                '<td class="col_subject" onclick="showSubject(this)">',
	                '<div>',
	                '<div style="position:relative;left:0;top:0" class="sp_subject">',
	                '<textarea cols="33" rows="3" onblur="subjectshowdiv(this)" class="tex_subject"></textarea>',
	                '</div>',
	                '<div style="position:relative;left:0;top:0" class="initsubject"></div>',
	                '</div>',
	                '</td>',
	                '<td class="col_debite" id="col_debite">123</td>',
	                '<td class="col_credit" onclick="showcolCredit(this)"></td>',
	                '</tr>'].join('');
	     $("#voucher tr:eq("+trindex+")").append(trHTML); 	
	     refreshaut();//添加行后重新刷新科目自动补全插件bigAutocomplete
	     	
} 
//点击td后修改td的innerHTML这样写赋值时还是出现unknown runtime error
$(document).on('click', '#col_debite', function (e){
	var _this=this;
	var tx="";
	if(_this.innerHTML.length>2){
	       tx=_this.innerHTML.substring(0,_this.innerHTML.length-2)+"."+_this.innerHTML.substring(_this.innerHTML.length-2,_this.innerHTML.length)
	}	
	try {
		if(_this.innerHTML.length<50){
	        _this.innerHTML="<textarea cols='33' style='width:218px;height:55px;font-size: 20px;font-family: '宋体';' onblur='showmoneydiv(this)' onkeyup='suDebite(this)'>"+tx+"</textarea>";
		}
		}catch(e){
		alert(e.message); 
		alert(e.description); 
		alert(e.number); 
		alert(e.name);      
	}
	_this.childNodes[0].focus();
	_this.childNodes[0].select();
}) 

[qq_21131931]

引用 7 楼 u012280941 的回复:

你tr append 進 tr裡 rowindex當然不會增加 應該改成 before() 或是 after()

你好，改用$("#voucher tr:eq("+trindex+")").before(trHTML); 可以正常按顺序添加了，谢谢。

[yaotomo]

用live绑定事件，如果是高版本jQuery，使用on绑定 比如，$("#divtest]").click(function () {}) 写成 $(document).on('click', '#divtest', function (){}) 试试

[EnForGrass]

每次添加就在tr添加一个index属性，当添加时读取这个属性值

[xcchcaptain2]

信息太少了，那些动态生成的td中，绑定的事件处理函数贴出来看看

[mingfish3]

不写成代码高亮格式，看得蛋疼。一般来说，动态添加的html节点都要用on 或live事件绑定