2013-07-12 236 views
1

,我需要選擇TBODY並插入本節內的一些TR:jQuery選擇兒童

<div id="retour"> 
<table> 
    <thead> 
    </thead> 
    <tbody> 
    </tbody> 
</table> 
</div> 

我曾嘗試下面的代碼,但沒有奏效:

var table = $('#retour > table > tbody').children(); 
table.append('<tr>'); 
table.append('<td>' + 'MyInfos' + '</td>'); 
table.append('</tr>'); 
+1

刪除'。孩子()' –

回答

0

我想你需要

var table = $('#retour > table > tbody'); 
table.append('<tr><td>' + 'MyInfos' + '</td></tr>'); 
+0

它的工作謝謝;) – user2576631

0

不久,得到tbody使用:

var table = $('#retour > table > tbody'); 

要追加新的細胞:

table.append('<tr><td>' + 'MyInfos' + '</td></tr>'); 

此:

var table = $('#retour > table > tbody').children(); 

將返回tr元素的列表,而不是tbody。它是tbody,你想追加新的tr的。

1

試試這個:

var table = $('#retour tbody'); 
table.append('<tr><td>' + 'MyInfos' + '</td></tr>'); 

FIDDLE DEMO

0

你可以離開.children()。您的tbody還沒有孩子。

0

你可以試試這個

var trs = '<tr>'; 
trs += '<td>' + 'MyInfos' + '</td>'; 
trs += '<tr>'; 

$('#retour tbody').html(trs); 
0

你需要使用:

<head> 
     <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> 
     <script type="text/javascript"> 
      function addTr(){ 
       var table = $('#retour > table > tbody'); 
       table.append('<tr>'); 
       table.append('<td>' + 'MyInfos' + '</td>'); 
       table.append('</tr>'); 
      } 
     </script> 
</head> 
<body> 
    <div id="retour"> 
     <button onclick="addTr()">Add</button> 
     <table> 
      <thead>    </thead> 
      <tbody> 
      </tbody> 
     </table> 
    </div> 
</body>