Question

我有一张这样的表：

    <table>
                <tr>
                    <td style="width: 30%;">Fon:</td>
                    <td><?php echo $row[1]; ?></td>
                </tr>

                <tr>
                    <td style="width: 30%;">Fax:</td>
                    <td><?php echo $row[2]; ?></td>
                </tr>

                 <tr>
                    <td style="width: 30%;">E-Mail:</td>
                    <td><?php echo $row[3]; ?></td>
                </tr>
            </table>

如何使用jQuery在按钮单击的每个第二个td上添加contenEditable = true？

Answer 1

你可以这样做，

$("button").click(function(){
   $("table > tbody > tr > td:last-child").attr("contentEditable","true");
});

由于您定位的td元素是最后一个子元素，因此您可以在此上下文中使用:last-child选择器。另外tbody应该是table而不是tr的直接孩子。

在Button上点击机智jQuery，为每个第二个TD添加一个contentEditable = true

1 个答案:

DEMO