Javascript 在html表中选择一行

Javascript 在html表中选择一行,javascript,jquery,html,dom,Javascript,Jquery,Html,Dom,我试图在我创建的表中选择一行,并且需要使用这些值。我遇到的问题是,我在javascript中使用doms创建它,并从存储过程中获取值,然后填充表 所以我使用一个简单的div,id为- <div id="Tab1" class="tab-pane fade in active"></div> 但这并不奏效 如果您在页面中创建了一组元素,而这些元素在加载初始DOMContentLoaded后才添加,则会非常感谢您提供的任何帮助 要侦听通过JavaScript

我试图在我创建的表中选择一行,并且需要使用这些值。我遇到的问题是,我在javascript中使用doms创建它,并从存储过程中获取值,然后填充表

所以我使用一个简单的div,id为-

 <div id="Tab1" class="tab-pane fade in active"></div>      
但这并不奏效


如果您在页面中创建了一组元素,而这些元素在加载初始DOMContentLoaded后才添加,则会非常感谢您提供的任何帮助

要侦听通过JavaScript DOM操作动态添加、删除的元素上的事件,需要使用稍微不同的事件侦听器


$document.on'%eventName%','%selector%',函数{//do your stuff}

考虑一下时机。表tr.clickfunction{alertselected;}何时运行;跑它是否在调用responseData函数之前运行?你能移动将点击处理程序添加到responseData函数末尾的代码吗?很好,我知道这将是一件微不足道的事情。非常感谢。谢谢你,这也很有效。我真的很感谢你的帮助。
function GetcarData() {

$.ajax({
    type: "post",
    data: JSON.stringify({
        price: slidval,
    }),
    url: "/index.aspx/GetData",
    dataType: "json",
    contentType: "application/json",
    success: function (object) {
        responseData(object);
    },
    complete: function (object) {

    },
    error: function (object) {
    }
});
}
function responseData(object) {
    var stringed = JSON.stringify(object.d)
    var arr = JSON.parse(stringed);
    var i;
    var out = "<table id='table' class='table table-striped'>";
    var rowHeader = $("<tr></tr>").appendTo(out);
    out += "<td><font size='4'>Make</font></td>";
    out += "<td><font size='4'>Model</font></td>";
    out += "<td><font size='4'>Version</font></td>";
    out += "<td><font size='4'>Engine</font></td>";       
    out += "<td><font size='4'>(AV)Price new</font></td>";
    out += "<td><font size='4'>(Av)Price used</font></td>";
    out += "<td><font size='4'>Image</font></td>"

    for(i = 0; i < arr.length; i++) {
        out += "<tr><td>" + 
        arr[i].Make +
        "</td><td>" +
        arr[i].Model +
        "</td><td>" +
        "£" + arr[i].version +
        "</td><td>"+
          arr[i].Engine_size +           
        "</td><td>" +           
        "£" + arr[i].price_new +
        "</td><td>" +
         "£" + arr[i].price_used +
          "</td><td><img src="+arr[i].image_url+" width='150' height='100'>" +             
        "</td></tr>";
    }
    out += "</table>";
    document.getElementById("Tab1").innerHTML = out;

}
("#table tr").click(function(){
alert("selected");
});