Question

我想在td中添加一个div。

我之前的时间

<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

有一些语法错误。

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

＆＃13;

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);

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 2

.attr(key, value)仅将属性设置为jQuery对象。

您可能希望通过以下代码创建具有特定属性的文件。

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

cell.append(wrap);

或者如果您希望wrap成为<td>中唯一的元素，那么

cell.html(wrap);

Answer 3

使用hmlt而不是append 希望这会解决使用这样的html cell.html（ “”），如果这不起作用，请告诉我，

Answer 4

<!DOCTYPE html>
<html>
  <head>
    <script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script type="text/javascript">
      $(function() {
        var indexRow = 0;
        var colIndex = 0;
        var cell = getCell(indexRow + 1, colIndex),
          $cell = $(cell);
        var wrap = $('<div/>').attr('id', 'container').text($cell.text());

        $cell.html(wrap);

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

          return cell;
        }
      });

    </script>
  </head>

  <body>
    <table id="MapDetails">
      <tr>
        <th>name</th>
        <th>title</th>
      </tr>
      <tr>
        <td>Samra</td>
        <td>Developer</td>
      </tr>
      <tr>
        <td>Debasis</td>
        <td>Developer</td>
      </tr>
    </table>
  </body>

</html>

在td jquery中添加一个div

4 个答案: