jQuery实现编辑修改表格table

html：

<table>
                <caption>标题</caption>
                <thead>
                    <tr>
                        <th scope="col">糖果</th>
                        <th scope="col">蔬菜</th>
                        <th scope="col">牛奶</th>
                        <th scope="col">饼干</th>
                        <th scope="col">保健品</th>
                        <th scope="col">化妆品</th>
                        <th scope="col">操作</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>990</td>
                        <td>860</td>
                        <td>700</td>
                        <td>720</td>
                        <td>90</td>
                        <td>700</td>
                        <td><a class="modify" href="javascript:;">修改</a></td>
                    </tr>
                    <tr>
                        <td>100</td>
                        <td>280</td>
                        <td>100</td>
                        <td>805</td>
                        <td>250</td>
                        <td>790</td>
                        <td><a class="modify" href="javascript:;">修改</a></td>
                    </tr>
                </tbody>
            </table>    

js:

<script type="text/javascript" src="js/jquery-2.2.3.min.js"></script>
        <script type="text/javascript">
            $(function(){
                $(".modify").click(function() {
                    str = $(this).text()=="修改"?"确定":"修改";  
                    $(this).text(str);   // 按钮被点击后，在“编辑”和“确定”之间切换
                    $(this).parent().siblings("td:eq(1)").each(function() {  // 获取当前行的第二列单元格
                        obj_text = $(this).find("input:text");    // 判断单元格下是否有文本框
                        if(!obj_text.length)   // 如果没有文本框，则添加文本框使之可以编辑
                            $(this).html("<input type='text' value='"+$(this).text()+"'>");
                        else   // 如果已经存在文本框，则将其显示为文本框修改的值
                            $(this).html(obj_text.val()); 
                    });
                });
            }); 
        </script>