javascript - 如何在jquery和javascript中检索html标签属性?

标签 javascript jquery html arrays html-table

我尝试使用以下代码从数组中绘制表格并从行中检索属性 id。任何建议将不胜感激。

$(document).ready(function(){

$.get('php/php.php', function(data){
    $.each(data, function(index, value){
    $('table').append(
        "<tr id='someid'>"
            +"<td>"+value.ticker+"</td>"
            +"<td>"+value.bid+"</td>"
        +"</tr>");
    }); 
}, "json");

$('tr').click(function(){
var id = $(this).attr("id");
alert(id);

}) 

}); 

最佳答案

您将单击事件绑定(bind)到尚不存在的元素,因为它们是在异步回调中构造的。而不是使用 click ,使用on 。由于您的表不是动态构建的,因此您可以附加 on处理程序。

$('table').on('click', 'tr', function () {
    ...
});

http://api.jquery.com/on/

此外,您正在生成多个 <tr>都具有相同的 ID;这不是有效的标记。

关于javascript - 如何在jquery和javascript中检索html标签属性?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11722027/

相关文章:

javascript - 递归映射函数

jQuery 更改占位符文本颜色

PHP-file_get_contents() : Filename cannot be empty

html - 如何使 2 个标题 block 响应并在图像前面也显示 <p>

javascript - 如何从 html 表单获取值到 javascript

javascript - Google Maps Geocoding API,其 JS api 中缺少 API 的功能(?)

javascript - 制作 ul li 下拉过滤器

javascript - Disqus anchor 链接 “#disqus_thread” 不起作用

javascript - 如何使用 Nextjs/React 将 JSON 对象导出到 Excel?

javascript - href 标签的 click 事件(动态创建)