小编hp2*_*345的帖子

如何使用 jQuery 更改 <td> 的背景

我有一个带有表格的程序,如果你双击TD's 你会得到 3 个可以“编辑”双击的按钮TD

  1. 您可以一键更改文本(第一个按钮)
  2. 您可以使用另一个按钮(第二个按钮)将背景颜色更改为红色
  3. TD使用最后一个按钮(第三个按钮)删除所有内容

现在,我不确定如何为所有三个按钮编写功能。但是我会选择询问如何在TD单击按钮时更改带有按钮的背景这个功能令人兴奋:

var clickedTD;

$(function () {
    $("td").dblclick(function (e) {
        $("#editHeader").css("display","block");
        clickedTD = event.target.id;
    });
});

$(function () {
    $(redBg).click(function (e) {
        $(clickedTD).css("background-color", "red");
    });
});
Run Code Online (Sandbox Code Playgroud)

但这不会改变双击的背景TD。我究竟做错了什么?

完整的代码片段

JavaScript

function addElement() {
    var text = document.getElementById("input").value;

    // create a new div element and give it a unique id
    var newDiv = document.createElement("div");
    newDiv.id = "temp";

    // and give it some content
    var newContent = …
Run Code Online (Sandbox Code Playgroud)

html javascript jquery

1
推荐指数
1
解决办法
104
查看次数

标签 统计

html ×1

javascript ×1

jquery ×1