我想动态地创建新表,并使用jquery通过相同的按钮删除它

i want to create new table dynamically and removed it by same button using jquery?

本文关键字:删除 按钮 jquery 动态 创建 新表      更新时间:2023-09-26

我想每次都显示更新的行no。我有这个代码。想删除并再次生成为这个相同的

var table = $('#table').children();
for (var j = i; j < result.length; j++) {
    table.append("<tr><td>" + (j + 1) + "</td><td><b>" + result[j].VoterName + "</b></td><td><b>" + result[j].VoterContact + "</b></td><td><button>X</button></td></tr>");
    i++;
}

function createOrDeleteTable(){
  console.log("wadawdawd");
  if($("#btn").attr("created") === "false") {
    $("#btn").attr("created","true");
    
    var tabledata = "<table>"
                + "<tr>" 
                  +"<th> hey </th>"
                  +"<th> hello </th>"
                + "</tr>"
              + "</table>";
    console.log(tabledata);
    $("#appendHere").html(tabledata);
  } else {
    $("#btn").attr("created","false");
    $("#appendHere").html("");
  }
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button onclick="createOrDeleteTable();" created="false" id="btn"> create table </button>
<div id="appendHere"> </div>