代码在
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.*