得到<tr>在html表中

get the value of <tr> in a html table

本文关键字：html 表中 tr lt 得到 gt      更新时间：2023-09-26

我有一个AJAX创建的表。

我需要对那些通过ajax创建的表调用ajax请求。

通过这个，我发现可以在动态创建的HTML元素上调用click函数。

桌子看起来像这样。

<table>
    <thead>
        <th>Sr. No</th>
        <th>Label</th>
    </thead>
    <tbody>
        <tr value="1">
            <td>1.</td>
            <td>One</td>
        </tr>
        <tr value="2">
            <td>2.</td>
            <td>Two</td>
        </tr>
    </tbody>
</table>

我已经为tr分配了值，现在我想在单击tr时创建另一个ajax请求。基于这个值，我正在运行一个查询来获取数据。

我面临的挑战是我无法获得tr的价值。

这是我试过的代码。

$(document(.ready(function({$('.table'(.on('click'，'tabletbody-tr'，function(({alert($(this(.val(((})})

这是小提琴。

即使在小提琴里，我也无法获得tr的值。

请帮我找出哪里出了问题。

提前谢谢。

您可以使用.attr((：

$(document).ready(function() {
    $('.table').on('click', 'table tbody tr', function() {
        alert($(this).attr('value'))
    })
})

更新的Fiddle

但实际上你应该使用data-* HTML5属性：

<tr data-value="1">

然后使用.data():检索

$(document).ready(function() {
    $('.table').on('click', 'table tbody tr', function() {
        alert($(this).data('value'))
    })
})

更新的Fiddle

$(document).ready(function() {
    $('.table').on('click', 'table tbody tr', function() {
        alert($(this).attr("value"));
    })
})

参见http://jsfiddle.net/tqQm5/4/

使用tr的text((属性instated of val((属性。

看到这个Fiddle

查看此代码

$(document).ready(function() {
    $('.table').on('click', 'table tbody tr', function() {
       alert($(this).text())
    })
})

尝试使用.attr()

alert($(this).attr("value"));
相关文章：