4

如何使用 jQuery 在单个 tr 中仅附加两个 tds ..

我有一张桌子..我想最大化每行有多少 tds.. 像这样

if($("td").length) == 0){ // get the count of existing tds
 $("table").append("<tr>");
}
   $("table").append("<td>Something</td>");

if($("td").length) == 2){ // if it hit two tds' in this tr then close the tag
 $("table").append("</tr>");
} // this is not a valid example, just trying to deliver my point

这不是一个循环,它会在点击时附加,所以假设我点击了5次,我应该得到这个

<tr>
 <td>Someting</td>
 <td>Someting</td>
</tr>
<tr>
 <td>Someting</td>
 <td>Someting</td>
</tr>
<tr>
 <td>Someting</td>
</tr>
4

3 回答 3

8

让我们试试这个:

var max = 2
var tr = $("table tr:last");
if(!tr.length || tr.find("td").length >= max)
    $("table").append("<tr>");
$("table tr:last").append("<td>hi</td>");

http://jsfiddle.net/5yLrE/

于 2013-01-26T13:39:49.233 回答
1

如果$("td").length是偶数,则创建一个新行,如果不是,则追加到最后一行:

var $tds = $('table td');
var $target = $tds.last().parent();
if($tds.length % 2 === 0){
    $target = $('<tr />').appendTo('table > tbody');
}
$target.append("<td>Something</td>");
于 2013-01-26T13:42:07.173 回答
0
$('bla').click(function() {
  if ($('td').length % 2) === 0)
    $('table').append('<tr />');
  $('table:last').append($('<td>Something</td>'));
});
于 2013-01-26T13:43:08.950 回答