使用 jQuery 在按钮单击上的每个第二个 TD 添加一个 contentEditable=true答案

【问题标题】：Add a contentEditable=true to every 2nd TD on Button Click wit jQuery使用 jQuery 在按钮单击上的每个第二个 TD 添加一个 contentEditable=true
【发布时间】：2016-03-24 20:59:46
【问题描述】：

我有一张这样的桌子：

    <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 的按钮点击的每 2 次 td 中添加一个 contenEditable=true？

【问题讨论】：

标签： jquery onclick contenteditable

【解决方案1】：

你可以这样做，

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

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

DEMO

【讨论】：

好的，这是正确的方式，谢谢。但问题是现在每个 TD 都是可编辑的。有没有办法让每一秒的 TD 都可以编辑？
是的，带有 PHP 的 TD（在我的例子中）
哇，太棒了。非常感谢。一件小事。我怎样才能使它只用于具有唯一 ID 的特定表？我尝试将表更改为#id，但这不起作用。
好的。我明白了： $("#table1 > tbody > tr > td:last-child").attr("contentEditable", "true");
@DragonStyle 很高兴为您提供帮助！ :) 尝试按此答案中存在的刻度线，如果您认为此答案对您有所帮助。这不是强迫。 :)