javascript - 在 td jquery 中添加一个 div

Question

我想在 td 中添加一个 div。

我之前的td

<td>Fiction</td>

写完代码后

var cell =  getCell(indexRow + 1, colIndex);
var wrap = $('<div/>').attr('id', 'container');

cell.append(wrap);

现在变成了

<td> Fiction [object Object] </td>

JavaScript

function getCell(row, col){

    var currentRow = $('#MapDetails tr')[row];
    var cell = $(currentRow).find('td')[col];

    return cell;
}

Answer 1

存在一些语法错误。

查看此代码并随时提出问题...

function getCell(row, col){

  var currentRow = $('#MapDetails tr');
  var cell = currentRow.eq(row).find('td').eq(col);

  return cell;
}

var indexRow = 0;
var colIndex = 0;

var cell =  getCell(indexRow + 1, colIndex);
var wrap = $('<div>').attr('id', 'container').text("I'm the new div!");
cell.append(wrap);

td{
  border:1px solid black;
}
td div{
  border: 2px solid red;
  padding: 4px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<table id="MapDetails">
  <tr>
    <th>Header</th>
  </tr>
  <tr>
    <td>Fiction</td>
  </tr>
</table>