当所有 td 内部有输入时,是否可以更改所有 td 的 innerhtml,我的意思是获取输入的值并将其应用到它的 td innerhtml,例如,这里是表及其内部输入:
<table>
<tr>
<td><input value="test" /></td>
<td>123</td>
</tr>
</table>
将其更改为:
<table>
<tr>
<td>test</td>
<td>123</td>
</tr>
</table>
对于所有 td 和输入值而不应用 id 和类?!请注意 td insidehtml 没有改变:) 谢谢大家的帮助! ;)
这很容易。
首先为您的表命名(以便轻松找到它)。
<table id="the_table">
<tr>
<td><input value="test" /></td>
</tr>
</table>
然后你可以这样做:
$('#the_table td input[type="text"]').each(function() {
var val = $(this).val();
$(this).parent('td').html(val);
});
现场演示 http://jsbin.com/arebep.
解释:
查找其中的所有输入<td>
在这个特定的表中。
-
对于每个输入:
2.1 从输入中检索值
2.2 找到输入的第一个父级<td>
标记并设置其innerHTML
到那个值
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)