需要将这两个JavaScript函数转换为jquery

需要将这两个JavaScript函数转换为jquery,javascript,jquery,Javascript,Jquery,下面是两个JavaScript函数的示例,addRow用于添加表行,deleteRow用于删除表的选中行。如何将其转换为jQuery function addRow(tableID) { var table = $("#dataTable");//document.getElementById(tableID); var rowCount = table.rows.length; var row = table.insertRow(rowCount);

下面是两个JavaScript函数的示例,addRow用于添加表行,deleteRow用于删除表的选中行。如何将其转换为jQuery

   function addRow(tableID) {

    var table = $("#dataTable");//document.getElementById(tableID);

    var rowCount = table.rows.length;
    var row = table.insertRow(rowCount);

    var cell1 = row.insertCell(0);
    var element1 = document.createElement("input");
    element1.type = "checkbox";
    element1.name="chkbox";
    element1.onclick= function () {toggleCheckbox(this)};
    cell1.appendChild(element1);

    var cell2 = row.insertCell(1);
    cell2.innerHTML = document.getElementById("fname").value;

    var cell3 = row.insertCell(2);
    cell3.innerHTML = document.getElementById("lname").value;
}

function deleteRow(tableID) {
    try {
    var table = document.getElementById(tableID);
    var rowCount = table.rows.length;

    for(var i=0; i<rowCount; i++) {
        var row = table.rows[i];
        var chkbox = row.cells[0].childNodes[0];
        if(null != chkbox && true == chkbox.checked) {
            table.deleteRow(i);
            rowCount--;
            i--;
        }


    }
    }catch(e) {
        alert(e);
    }
}

因此,不需要转换, 如果你想的话

function addRow(tableID) {

var table = $("#dataTable");//document.getElementById(tableID);

var rowCount = table.rows.length;
var row = table.insertRow(rowCount);

var cell1 = row.insertCell(0);
cell1.appendChild('<input type="checkbox" name="chkbox" onclick="function ({toggleCheckbox(this)}">');

var cell2 = row.insertCell(1);
cell2.html($("#fname").value);

var cell3 = row.insertCell(2);
cell3..html($("#lname").value);
}

function deleteRow(tableID) {
try {
var table = $('#'+tableID);
var rowCount = table.rows.length;

for(var i=0; i<rowCount; i++) {
    var row = table.rows[i];
    var chkbox = row.cells[0].childNodes[0];
    if(null != chkbox && true == chkbox.checked) {
        table.deleteRow(i);
        rowCount--;
        i--;
    }


}
}catch(e) {
    alert(e);
}

}

创建一个示例JSFIDLE,以便给出答案的人可以测试他们的答案。请检查此JSFIDLE文件。单击“添加行”按钮,将弹出一个获取名字和姓氏的弹出窗口。提交后,将在带有复选框的表中插入具有相同输入的行。现在要删除该行,用户将从复选框中选择一行,然后单击“删除行”,它将被简单删除。此操作不需要数据库交互。谢谢