Question

我希望点击它来获取td元素的ID。

Javascript代码是 -

 $('#example').on('click', '.alertShow', function () {
            var id=$(this).closest('td').attr("Id");
            alert(id);
    }

这是HTML

   <table border="1"  id="example">
    <tr>
    <td class="alertShow" id="2_0">
    </td><td class="alertShow" id="2_1">
    </td><td class="alertShow" id="2_2"></td>
    <td class="alertShow" id="2_3"></td>
    <tr>
    <tr>
    <td class="alertShow" id="3_0">
    </td><td class="alertShow" id="3_1">
    </td><td class="alertShow" id="3_2"></td>
    <td class="alertShow" id="3_3"></td>
    <tr>
    </table>

Answer 1

试试这个：

{{1}}

Answer 2

首先，您的代码中有拼写错误 - 将attr("Id")替换为attr("id")

其次，$(this)已经引用td，因此无需使用closest - $(this).attr("id")就够了

Answer 3

你做得对。只需将attr("Id")更改为attr("id")

即可

检查此链接 -

https://jsfiddle.net/codecore/Lbq1x590/12/

Answer 4

$（document）.on（“click”，“＃board td”，function（e）{var data = $（this）.attr（'id'）; alert（data）;}）;

Answer 5

你试过吗

$('#example td.alertShow').click(function () {
    alert($(this).attr("id"));
});

Answer 6

Below is the Working Code for what you are trying to achieve-

https://jsfiddle.net/d5mk4q77/2/


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<body>
<table border="1"  id="example">
<tr>
<td class="alertShow" id="2_0">11</td>
<td class="alertShow" id="2_1">22</td>
<td class="alertShow" id="2_2">33</td>
<td class="alertShow" id="2_3">44</td>
<tr>
<tr>
<td class="alertShow" id="3_0">55</td>
<td class="alertShow" id="3_1">66</td>
<td class="alertShow" id="3_2">77</td>
<td class="alertShow" id="3_3">88</td>
<tr>
</table>
</body>



$('#example').on('click', '.alertShow', function () {
            var id=$(this).closest('td').attr("Id");
            alert(id);
    });

Answer 7

如果你使用JQuery，你可以这样做：

$("td").click(function(){
    alert(this.id)
})

如果你不使用JQuery，只需添加

<script src="jquery-1.12.4.min.js"></script>

到<head></head>代码

您也可以（仅使用示例表）

    $("#example tr td").click(function(){
        alert(this.id)
    })

警告未在点击时显示td元素ID的值。

7 个答案: