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

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希望這可以使用像cell.html（“”）這樣的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 個解決方案

解決方案1
2 已采納 2017-05-26 01:51:59

解決方案2
0 2017-05-26 01:45:43

解決方案3
0 2017-05-26 01:47:38

解決方案4
0 2017-05-26 02:18:16

在td jquery中添加div

問題描述

4 個解決方案

解決方案1 2 已采納 2017-05-26 01:51:59

解決方案2 0 2017-05-26 01:45:43

解決方案3 0 2017-05-26 01:47:38

解決方案4 0 2017-05-26 02:18:16

解決方案1
2 已采納 2017-05-26 01:51:59

解決方案2
0 2017-05-26 01:45:43

解決方案3
0 2017-05-26 01:47:38

解決方案4
0 2017-05-26 02:18:16