Question

我正在尝试创建HTML报告。在执行我的代码的运行时，我创建一个HTML文件，其中包含表格格式的报告和一些标签的详细信息现在，我的HTML报告应该以col-row格式读取文件，以便我可以遍历所需的数据并在我的HTML报告中获得相同的内容。

我的新报告

<tr><td>
<a " href=./" target="_top">All Test</a><br>
<a " href=./" target="_top">All Errors</a><br> ......
</td><td><table>{Here the data should be generated as per click on the above link}</table></td>

应该通过阅读HTML文件并在点击链接时生成数据（例如，Alltest）

我无法在链接中的href前面写些什么。

更新：创建一个HTML页面，该页面是根据另一个HTML文件的数据创建的。换句话说，我想添加一个表，在链接的click事件上动态创建它的内容，并将内容存储在另一个HTML文件中。

UPDATE2：
1. On Load ALLTest链接将处于活动状态，数据将从另一个HTML文件加载到表中 2.如果用户单击Allerror链接，则应在表格中加载HTML文件中包含状态错误的行。

UPDATE3：

$(document).ready(function(){
 $("button").click(function(){
  $.ajax({url:"report.html", success:function(result){
   result=*{updated result}*
   $(".mytable").html(result);
  }});
});});

先谢谢。

Answer 1

通过查看代码示例和提供的标记，我假设您正在尝试生成TABLE标记的内容。为此，您需要修复HTML代码，因为您的锚（A）标记没有有效的href属性：

<tr><td>
<a href="#" class="showtests">All Test</a><br>
<a href="#" class="showerrors">All Errors</a><br> ......
</td><td><table class="mytable">{Here the data should be generated as per click on the above link}
</table></td>

为了使jQuery选择更容易，我添加了一些类属性。现在您可以使用以下jQuery脚本：

$(function() { 
    $(".showtests").click(function() { 
        $(".mytable").load("http://www.mysite.com/tests.html");
        $(".mytable TD:nth-child(3):not(':contains(\'test\')')").parent().remove();   
    });
    $(".showerrors").click(function() { 
        $(".mytable").load("http://www.mysite.com/errors.html");
        $(".mytable TD:nth-child(3):not(':contains(\'error\')')").parent().remove();   
    });
});

将HTML行加载到表中后，将删除不包含正确状态（“test”或“error”）的行。此示例检查第三列，您可以通过使用正确的列索引更新nth-child(3)来调整该列。

读取HTML文件数据以生成新的html文件

1 个答案: