javascript - 使通过 JQuery 生成的表行充当 onClick 页面重定向

Question

所以我对各种 JQuery/HTML 开发都很陌生。基本上，我正在开发一个项目，在该项目中，我进行 AJAX 调用，获取一堆关于 Craiglist 销售的用户名、日期等，我使用 JQuery 和 DOM 动态地将这些销售信息放入表格格式中。

我希望能够使表中的这些元素充当链接，这样如果我单击某个用户名，它会将我带到他们的个人资料。我已经尝试了不同的建议，但没有一个适用于使用 JQuery 生成的表，我认为这会导致问题(但我认为也没有任何解决办法)。我的一些代码片段如下:

function displayCurrentSales(description, seller, date) {
     var sale = document.createElement("p");
     var table = document.getElementById("currentSalesTable");
     var row = table.insertRow(-1);
     var descriptionRow = row.insertCell(0);
     var userRow = row.insertCell(1);
     var dateRow = row.insertCell(2);
     descriptionRow.innerHTML = description;
     userRow.innerHTML = seller;
     userRow.onClick = "window.location.href = '../profilePage/index.html?username=' + seller;";
     dateRow.innerHTML = date;
 }

这是我开始使用的代码，除了我添加的 userRow.onClick 部分以尝试使其工作。

感谢任何帮助，谢谢。

Answer 1

function displayCurrentSales(description, seller, date) {
     var sale = document.createElement("p");
     var table = document.getElementById("currentSalesTable");
     var row = table.insertRow(-1);
     var descriptionRow = row.insertCell(0);
     var userRow = row.insertCell(1);
     var dateRow = row.insertCell(2);
     descriptionRow.innerHTML = description;
     userRow.innerHTML = seller;
     dateRow.innerHTML = date;
     userRow.addEventListener('click', function(){
        window.location.href = '../profilePage/index.html?username=' + seller;
    }); 
 }