如何编辑生成的 html 表格答案

【问题标题】：How to edit a generated html table如何编辑生成的 html 表格
【发布时间】：2014-07-15 21:57:00
【问题描述】：

我有一个函数可以获取 json 对象并将其转换为表格。我的问题是如何编辑表格的内容。例如，我希望插入表中的链接具有 href 属性，并且图像描述是这样的图像

这是我在点击时生成表格的函数

$.get("output-tv.php",{tv_type:tv_type,screen_size:screen_size,connectivity:connectivity,features:features},function(response){
            var i = 0;
            var table = document.getElementById("table")
            var row = table.insertRow(0);
            $("#table tr").remove(); 

                for(i=0; response.result.length-1 >= i ; i++ ){
                    var table = document.getElementById("table");
                    {
                        var row = table.insertRow(0);
                        var cell1 = row.insertCell(0);
                        var cell2 = row.insertCell(1);
                        var cell3 = row.insertCell(2);
                        var cell4 = row.insertCell(3);
                        var cell5 = row.insertCell(4);
                        var cell6 = row.insertCell(5);
                        cell1.innerHTML = response.result[i].product_code;
                        cell2.innerHTML = response.result[i].tv_name;
                        cell3.innerHTML = response.result[i].size;
                        cell4.innerHTML = response.result[i].tv_type;
                        cell5.innerHTML = response.result[i].link;
                        cell6.innerHTML = response.result[i].image;
                    }


                }   
            }, "json" );

【问题讨论】：

如果你使用jQuery会容易得多

标签： javascript html dom html-table

【解决方案1】：

http://jsfiddle.net/C9N9E/

试试这个小提琴，而不是使用 JavaScript 向表中添加行，完全利用 jquery。

$(document).ready(function () {
        debugger;
       // $("#myTable tr").remove();
        $(jsonObj.items).each(function () {
            var rowString = "<tr>";
            rowString += "<td>" + this.index + "</td>";
            rowString += "<td>" + this.name + "</td>";
            rowString += "<td><a href=" + this.Link + " >"+this.name+"</a></td>";
            rowString += "<td><img src='" + this.logo + "'  height='30' width='60'/></td>";
            rowString += "</tr>";
            $('#myTable').append(rowString);
        });

    });

【讨论】：