我是Jquery新手,正在尝试将输入的值保存在
我的结构是这样的
<td><input type="text" class="txtbox" value="" /></td>
现在,当用户在第一个tr中输入值并单击“保存”时,该值将显示在相应的td中,并且不可编辑,并且“保存”按钮将变为“编辑”按钮
这是jsfiddle
您需要遍历当前单击的行保存按钮中的所有td元素,并设置每个tds text / html:
$("#savebtn").click(function(){
if ($('.test tr:last input:text[value]').length == 0) {
alert("FAIL - all textboxes on last row are empty.");
}
else {
alert('SUCCESS - at least 1 value is filled in!');
this.value = 'Edit';
$(this).parent().siblings().each(function(){
$(this).text($(this).find('input').val())
});
}
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句