javascript - 使用 onClick() 写入 tr td

Question

我正在尝试获取一个 onClick 函数来突出显示表行(在动态表中)，并将“测试读取”写入该行中单击的 td[0]。

这就是我所拥有的(从网络/stackOverflow 找到并调整)

$("#dynamicTable tr").click(function() {
    var selected = $(this).hasClass("highlight_tr");
    $("#dynamicTable tr").removeClass("highlight_tr");
    if(!selected)
            $(this).addClass("highlight_tr");
});

try{
    $('#dynamicTable').dataTable({
        "bPaginate": true,
        "sPaginationType": "full_numbers",
        "bLengthChange": true,
        "bFilter": true,
        "bSort": true,
        "bInfo": true,
        "bAutoWidth": true,
        "sCookiePrefix": "my_datatable_",
        "aaSorting": [[ 2, "desc" ]],
        "aoColumns": [
          { "sType": "html" },
          { "sType": "html" },
          { "sType": "string" },
          { "sType": "html" },
          { "sType": "html" },
          null
        ]
    });
} catch (e){
    errorMessage(e);
}

这可以很好地突出显示行，当然还有 dynamicTable我不知道要添加什么才能将 HTML 添加到表格单元格

我已经试过了

$(this).innerHTML("test read");

认为这将写入整行，但它什么也没做。我还尝试了一些其他的东西，但都没有成功，因为我缺乏 javaScript 知识......

如您所见，我不太擅长 javaScript...，但通常可以在网络的帮助下拼凑一些东西，但这个让我头疼。非常感谢任何帮助!

Answer 1

jQuery 没有innerHTML 方法，this is a property of native DOM nodes ，而不是 jQuery 集合。

也许你的意思是这样的？

this.innerHTML = "test read";

jQuery 等价于 html方法。

$(this).html("test read");

但是，如果您只需要纯文本而不需要 HTML，则应该使用 text方法。

$(this).text("test read");

为了完整起见，纯文本的原生 DOM 节点等效为 textContent .

this.textContent = "test read";