html()函数用法

 

近日，在写一个订餐系统时，在如何动态获取表格中文本信息时出现问题，最后通过html()函数解决，废话不多说，直接上代码。

function appendDataToTable(data) {//将数据库中数据放入表中
    var txtName = data.Name;
    var txtAmount = data.Amount;
    var txtWords = data.Words;
    var strHtml = "";
    var a = 1;
    strHtml += "<tr>";
    strHtml += "<td>" + txtName + "</td>";//在下面的删除功能中，我需要获取当前的菜品名字
    strHtml += "<td>" + txtAmount + "</td>";
    strHtml += "<td>" + txtWords + "</td>";
    strHtml += "<td class='hello'><input type='button' value='' onclick='deleteData(this)' class='delete'/></td>"; 
    strHtml += "</tr>";
    $("#tblData").append(strHtml);
}

function deleteData(obj){
    var tmp = obj;
    var row = 0; 
    var row2 = 0;
    var db = getCurrentDb();//获取当前数据库
    db.transaction(function (trans){
        row = $(tmp).parent().parent().find("td");//通过父节点的父节点找到菜名所在行的td标签
        row2 = $(row).html();//获取td标签中的内容，即菜名
        
        if(row2 == '蒸包'){
            trans.executeSql("Delete from  MyDemo where Name == '蒸包'");
            window.location.reload();
            console.log(row2);
        }
    })
}

整个项目地址：https://github.com/cfgooo/Ordering-System