如何使用jQuery id选择器选择单元格

Question

我使用以下Javascript获取表格单元格的ID

var tempCell = e.target.parentNode.id;

现在我必须使用类似

的jQuery在tempCell中附加一个表

  var htmlToAppend = '<table id="tbleSelectApproovers"></table>';
  $(???).append(htmlToAppend);

我不知道如何编写语法来使用id来在td中添加表。用什么来代替在tempCell中添加表的问号

Answer 1

您必须在ID选择器中将id提供给td。在id之前，您需要提供#

$('#idoftd').append(htmlToAppend);

如果你可以通过e.target.parentNode获取元素，那么你可以将它传递给jQuery方法，使jQuery对象从中获取。

$(e.target.parentNode).append(htmlToAppend);

Answer 2

使用选择器http://api.jquery.com/category/selectors/

中的转义规则

$('#e\\.target\\.parentNode\\.id').append(htmlToAppend);

或

$('[id="e.target.parentNode.id"]').append(htmlToAppend);

<强>更新

$('#'+e.target.parentNode.id).append(htmlToAppend);
or
$('#'+tempCell ).append(htmlToAppend)

Answer 3

从它的外观来看，你试图将元素附加到当前元素parent，所以

var htmlToAppend = '<table id="tbleSelectApproovers"></table>';
$(e.target.parentNode).append(htmlToAppend);

Answer 4

简单方法：将id或class属性保存到表格单元格中，例如说

<td id="tablecellid">

现在，如果你想附加任何内容，请将其保存在变量中以便于阅读      var data =''

并执行以下操作

$("#tablecellid").append(data);

Answer 5

假设您的单元格如下：

<td id='myfavcell'></td>

你会打电话给

$('#myfavcell').append(htmlToAppend);

因为jquery使用css选择器类型（＃）来定位元素ID。