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

Posted 2023-03-05

【中文标题】如何使用 jQuery id 选择器选择单元格

【英文标题】：How to select cell using jQuery id selector

【发布时间】：2014-02-28 04:33:53

【问题描述】：

我正在使用以下 javascript 获取表格单元格的 ID

var tempCell = e.target.parentNode.id;

现在我必须像这样使用 jQuery 在 tempCell 中附加一个表

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

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

【问题讨论】：

你可以简单地做tempCell=e.target.parentNode。你不需要通过id查询，你已经有了元素。

【参考方案1】：

您必须在 id 选择器中将 id 分配给 td。在id之前你需要给#

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

如果您可以通过e.target.parentNode 获取该元素，那么您可以将其传递给 jQuery 方法以从中生成 jQuery 对象。

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

【参考方案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)

【讨论】：

之前他使用了引号。我还以为是id现已更新，

【参考方案3】：

从外观上看，您正在尝试将元素附加到当前元素的父级

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

【参考方案4】：

简单的方法：在表格单元格中保留一个 id 或 class 属性，例如说

<td id="tablecellid">

现在，如果您想附加任何内容，请将其保存在变量中以提高可读性 var 数据 = ''

然后执行以下操作

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

【参考方案5】：

假设您的单元格如下所示：

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

你会打电话

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

因为 jquery 使用 css 选择器类型 (#) 来定位元素 ID。