javascript - 选择要动态更新的 <DIV>

Question

我有创建一个表格的代码，其中每个单元格都包含一个 id 为行号+“，”+列号的单元格(例如，左上角的单元格是用以下内容构建的:

<td><div id="0,0">This is 0,0</div></td>

)。我希望能够在代码中修改单元格的内容，而不必刷新整个页面，但我不知道如何通过 ID 动态更新特定内容。当我做这样的事情时:

var row = 1;
var col = 1;
var newCellContents = "This cell is changed";
var divID = row.toString() + "," + col.toString();
$(divID).html(newCellContents);

它抛出一个语法错误；我假设它正在尝试查找名为“divID”的 div。

如何让它更新 ID 为“1,1”的 div？

Answer 1

要实现此目的，您需要转义选择器中的逗号，否则它将被解释为选择器之间的分隔符，而不是 id 值的一部分。为此，请在逗号前添加 \\。您还需要在选择器前面添加一个#，以便它通过id 搜索元素。试试这个:

var row = 1;
var col = 1;
var newCellContents = "This cell is changed";
var divID = row.toString() + "\\," + col.toString(); // note the use of \\

$('#' + divID).html(newCellContents);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td>
      <div id="0,0">This is 0,0</div>
    </td>
    <td>
      <div id="1,1">This is 1,1</div>
    </td>
  </tr>
</table>