Javascript jquery—获取<;的值;tr>;在html表中

Javascript jquery—获取<;的值;tr>;在html表中,javascript,jquery,html,ajax,Javascript,Jquery,Html,Ajax,我有一个AJAX创建的表 我需要在通过ajax创建的表上调用ajax请求 通过分析,我找到了在动态创建的HTML元素上调用click函数的方法 表看起来像这样 <table> <thead> <th>Sr. No</th> <th>Label</th> </thead> <tbody> <tr value="1">

我有一个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>
这是我的建议

即使在小提琴中,我也无法得到a
tr
的值

请帮我找出哪里出了问题

提前感谢。

您可以使用代替:

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

但实际上您应该使用
data-*
HTML5属性:

<tr data-value="1">

您可以使用代替:

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

但实际上您应该使用
data-*
HTML5属性:

<tr data-value="1">

尝试使用
.attr()

尝试使用
.attr()

请参见使用tr的text()属性和val()属性

看到这个了吗

请参阅此代码

$(document).ready(function() {
    $('.table').on('click', 'table tbody tr', function() {
       alert($(this).text())
    })
})
使用tr的text()属性安装val()属性

看到这个了吗

请参阅此代码

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

谢谢。我马上换。顺便问一下,使用
数据值
有什么区别?为什么在使用
val()
时无法获取数据?
value
tr
元素的无效HTML属性。这就是为什么需要使用
数据值
。数据*属性允许您将自定义数据属性嵌入所有被认为是Valdii完成的HTML元素中。所以,在我将要传递私人数据的所有情况下,最好使用
数据-*
?非常感谢。我马上换。顺便问一下,使用
数据值
有什么区别?为什么在使用
val()
时无法获取数据?
value
tr
元素的无效HTML属性。这就是为什么需要使用
数据值
。数据*属性允许您将自定义数据属性嵌入所有被认为是Valdii完成的HTML元素中。所以,在我要传递私人数据的情况下,最好使用
data-*
$(document).ready(function() {
    $('.table').on('click', 'table tbody tr', function() {
       alert($(this).text())
    })
})