需要“this”来引用 tr 而不是 [window object]

Question

我有一个表格，其中的行由我的软件中的变量生成，我希望这些行在单击时突出显示。这是我的代码：

$("#varTable > tbody:last").append("<tr style='border: 1px dotted black;'  onclick=\"rowClick('" + newVariable.Name + "','" + this + "')\">><td><img id='Img12' src='images/Delete.png' width='35' height='35' style='margin-left:0px; margin-top: 10px;'></td><td>New Variable</td><td>Global</td><td></td><td><center>0</center></td><td><form action=''>" +
    "<center><input type='checkbox' name='RetainValue' value='Retain'></center></form></td><td width='100px'><button type='button' onclick='editVariable()'>Edit</button></td></tr>"); 

}

function rowClick(name, row){
console.log(row);
selectVariable = name; 
$("#selName").html("Selected Variable: <font color='red'>" + selectVariable + "</font> Filter By: <button type='button' onclick='addVariable()'>Add Variable</button>");
$(row).css("border", "1px solid black");

}

我的问题是，当我将“this”传递给函数 rowClick 时，它出现为 [window object] 而不是 onclick 所在的 tr。我也尝试使用 this.element，但表示它未定义。感谢我能得到的任何帮助。

Answer 1

您需要将this 作为字符串的一部分传递

$("#varTable > tbody:last").append("<tr style='border: 1px dotted black;'  onclick=\"rowClick('" + newVariable.Name + "',this)\">><td><img id='Img12' src='images/Delete.png' width='35' height='35' style='margin-left:0px; margin-top: 10px;'></td><td>New Variable</td><td>Global</td><td></td><td><center>0</center></td><td><form action=''>" +
    "<center><input type='checkbox' name='RetainValue' value='Retain'></center></form></td><td width='100px'><button type='button' onclick='editVariable()'>Edit</button></td></tr>"); 

您需要在活动发生时评估this。目前，您正在追加时对其进行评估。

Answer 2

变化：

 rowClick('" + newVariable.Name + "','" + this + "')

到这里：

 rowClick('" + newVariable.Name + "',this)