Question

我在JSFIDDLE上编写了一个演示，please see demo。

HTML：

<table id = 't'>
<thead>
<tr >
    <td><input class='Flag' type="checkbox" id="mq"/></td>
    <td>firstname</td>
    <td>secondname</td>
    <td>lastname</td>
</tr>
</thead>
<tbody>
    <tr >
    <td><input class='Flag' type="checkbox" id="1"/></td>
    <td>lorem</td>
    <td>ipsum</td>
    <td>css</td>
    </tr>
    <tr >
    <td><input class='Flag' type="checkbox" id="2"/></td>
    <td>lorem</td>
    <td>ipsum</td>
    <td>css</td>
    </tr>
    <tr >
    <td><input class='Flag' type="checkbox" id="3"/></td>
    <td>lorem</td>
    <td>ipsum</td>
    <td>css</td>
    </tr>
    <tr >
    <td><input class='Flag' type="checkbox" id="4"/></td>
    <td>lorem</td>
    <td>ipsum</td>
    <td>css</td>
    </tr>
    <tr >
    <td><input class='Flag' type="checkbox" id="5"/></td>
    <td>lorem</td>
    <td>ipsum</td>
    <td>css</td>
    </tr>
</tbody>

CSS：

tr,td{border:1px solid black;}

JS：

$("tbody input").click(function(){
var closestTr = $(':checkbox:checked').closest('input').attr('id');
alert(closestTr);});

在演示中，我想在用户点击复选框时提醒每行的ID号。例如：当您单击第2行上的复选框时，浏览器会发出警报2，当您单击第3行上的复选框时，浏览器会发出警报3.但我没有在演示中实现此功能。请给我一些建议。

Answer 1

http://jsfiddle.net/0wz3h1vc/

您希望专门获取复选框ID并且没有其他任何内容，因此您可以在技术上废弃＆＃34; tbody＆＃34;在你的事件代码中。然后通过抓取属性＆＃34; id＆＃34;来显示id。并将其抛入变量

编辑：为了更彻底地解释，因为单击THIS元素导致事件，你可以在jQuery中指定$（this）来选择元素并使用属性方法{{1来拉动它的id }}

.attr(attribute)

使用JQuery在网格中单击时，获取Checkbox的ID号

1 个答案: