- 主题:问一个jquery问题
代码在
http://jsfiddle.net/788eL/
THML:
<table>
<tr class="text-area">
<td>text1</td>
<td>text2</td>
<td>text3</td>
<td>text4</td>
</tr>
<tr>
<td><input style="text"/></td>
<td><input style="text"/></td>
<td><input style="text"/></td>
<td><input style="text"/></td>
<td><button onclick="doReplace(this)">提交</button></td>
</table>
JS:
function doReplace(o){
var row = o.parentNode.parentNode;
var inputs = row.getElementsByTagName("input");
$.each(inputs,function(index,el){
var inputValue = el.value;
$(el).parent().replaceWith("<td>"+inputValue+"</td>");
})
}
//////////////////
目的是在点击提交的时候用input中的value替换掉原来的<input style="text" >
但是为什么在点击提交后只有第一个cell和第三个cell被替换掉呢?哪里有问题?
--
FROM 219.143.94.*
哦,感谢回复
这种情况要怎么处理呢?
【 在 qunshan (qunshan) 的大作中提到: 】
: 替换之后,inputs 更新了
--
FROM 219.143.94.*
好吧,我写了个字符串自己拼了一下,看上去好丑
http://jsfiddle.net/788eL/2/
【 在 armnotstrong (胳膊不粗) 的大作中提到: 】
: 哦,感谢回复
: 这种情况要怎么处理呢?
--
FROM 219.143.94.*
赞,多谢
【 在 vonNeumann (劣币驱逐良币) 的大作中提到: 】
: style="text" 是什么东西? type 吧
: 不用那么麻烦,这样几行即可:
: function doReplace(o){
: ...................
--
FROM 219.143.94.*