我有一个空表,我想在按下按钮时用 tds 填充它。我想在每 3 个 tds 之后创建一个新的 tr。 我有以下代码:
var ruler=0;
var start=false;
$(document).ready(function(){
$("button").on("click",function(){
if (start === false){$("table").append("<tr>"); start = true;}
if(ruler === 3){
$("table").append("</tr><tr>");
ruler = 0;
}
$("table tr").append("<td>mama</td>");
ruler++;
});
});
html
<table>
</table>
问题是,即使在更改行后,它仍会继续在第一行添加 tds。有什么想法吗?
最佳答案
作为Teemu声明您正在选择所有 <tr>
.所以我加了一个 :last selector .
var ruler = 0;
var start = false;
$(document).ready(function() {
$("button").on("click", function() {
if (start === false) {
$("table").append("<tr>");
start = true;
}
if (ruler === 3) {
$("table").append("</tr><tr>");
ruler = 0;
}
$("table tr:last").append("<td>mama</td>");
ruler++;
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<button>Click me</button>
<table></table>
关于javascript - tr 不会被追加,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28930630/