Question

同事们，我正试图从我拥有的所有td中获取id。我想要一个事件监听器识别我点击的是什么。我无法弄清楚如何在这里做我的代码。

jQuery的：

    $("td").click(function() {
        var HYUTS = $("td").attr("id");
        var data = $("#data").val(HYUTS);
    });

HTML：

<table id="tables">
<thead><input id="data" type="text"></thead>
   <tr>
        <td id="1">1</td>
        <td id="2">2</td>
        <td id="3">3</td>
        <td id="clear">C</td>
    </tr>
    <tr>
        <td id="4">4</td>
        <td id="5">5</td>
        <td id="6">6</td>
        <td id="divide">/</td>
    </tr>
    <tr>
        <td id="7">7</td>
        <td id="8">8</td>
        <td id="9">9</td>
        <td id="multiply">*</td>
    </tr>
    <tr>
        <td id="0">0</td>
        <td id="add">+</td>
        <td id="subtract">-</td>
        <td id="equals">=</td>
    </tr>

感谢。

Answer 1

$('#tables').find('tr').find('td').each(function(){

console.log($(this).attr('id'))

})

$('#tables').find('tr').find('td').click(function(){

console.log($(this).attr('id'))
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<table id="tables">
<thead><input id="data" type="text"></thead>
   <tr>
        <td id="1">1</td>
        <td id="2">2</td>
        <td id="3">3</td>
        <td id="clear">C</td>
    </tr>
    <tr>
        <td id="4">4</td>
        <td id="5">5</td>
        <td id="6">6</td>
        <td id="divide">/</td>
    </tr>
    <tr>
        <td id="7">7</td>
        <td id="8">8</td>
        <td id="9">9</td>
        <td id="multiply">*</td>
    </tr>
    <tr>
        <td id="0">0</td>
        <td id="add">+</td>
        <td id="subtract">-</td>
        <td id="equals">=</td>
    </tr>
  </table>

尝试这样做

Answer 2

您可以在事件处理程序中使用<td>访问当前单击的this：

$("td").click(function() { 
    var HYUTS = this.id; 
    var data = $("#data").val(HYUTS);
 });

从表中获取所有td id

2 个答案: