Question

如何警告相应表头id =“0”的表数据。我这里有一个动态表，有许多表头。一个表头id为0.如果点击表数据对应的表头，我怎么能发出警报。

<table>
<tr>
<th>heading1</th>
<th id="0">heading2</th>
<td>data1</td>
<td>data2</td>
<td>data3</td>
<td>data4</td>
<td>data5</td>
<td>data6</td>
</tr>
<tr>
<th>heading11</th>
<th id="1">heading12</th>
<td>data1</td>
<td>data2</td>
<td>data3</td>
<td>data4</td>
<td>data5</td>
<td>data6</td>
</tr>
</table>

$("th#0 td").live('click',function(){
alert("clicked");
});

Answer 1

$("#0~td").on('click',function(){
alert("clicked");

}）;

Answer 2

看起来大多数其他答案都假定包含数据的<th>和<td>是兄弟姐妹（嗯，在给定的HTML 中）

正确的表结构应该像

<table>
  <thead>
    <tr>
        <th>heading1</th>
        <th id="0">heading2</th>
        <th>heading11</th>
        <th id="1">heading12</th>
    </tr>
  </thead>
  <tbody>
    <tr>
        <td>data1</td>
        <td>data2</td>
        <td>data3</td>
        <td>data4</td>
        <td>data5</td>
        <td>data6</td>
    </tr>
    <tr>
        <td>data1</td>
        <td>data2</td>
        <td>data3</td>
        <td>data4</td>
        <td>data5</td>
        <td>data6</td>
    </tr>
  </tbody>
</table>

你可以这样做：

var index= $("#0").index();
$("table").on("click", "tr td:nth-child("+(++index)+")", function () {
    alert("click");
})

Demo

Answer 3

使用以下查询我希望它能解决您的查询，

var dataa=$("th#0").siblings('td');
dataa.on('click', function(){
alert("clicked");
});

这是 DEMO

表数据点击事件问题

3 个答案: