Question

以下是两个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);
    }
}

Answer 1

因此没有必要转换，如果你想要

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);
}

}

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

1 个答案: