日期:2014-05-17  浏览次数:20330 次

jquery 查找
本帖最后由 wtmrlc118 于 2013-01-25 16:54:12 编辑
<table style="text-align: center;">
        <tr>
            <td width="20%">
                <span>name</span>
            </td>
            <td width="20%" align="center">
                <span>price</span>
            </td>
            <td width="10%">
                type
            </td>
            <td width="15%" align="center">
                <span>other</span>
            </td>
            <td width="15%" align="center">
                <a href="javascript:" class="update">update</a>
            </td>
        </tr>
    </table>

js:

  $(function () {
        // 修改操作
        $('.update').live('click', function () {
            var s = $(this).parent().parent().find("span").text();
            $(this).parent().parent().find("span").html("<input type=text value=" + s + ">");
            $(this).parent().html("<a href=javascript:  class=save>保存</a>")
        });
        // 保存操作
        $('.save').live('click', function () {
            var k = $(this).parent().parent().find("span input").val();
            $(this).parent().parent().find("span").html(k);
            $(this).parent().html("<a href=javascript:  class=update>修改</a>")
        });
           });
上述js代码适用于tr里面只含一个span的情况,我现在想对每个span编辑,如何查找每个span呢?
jquery

------解决方案--------------------
 $(function () {
         // 修改操作
  &n