Question

鉴于，

<table id=ThisTable>
    <tbody>
        <tr>
            <td id="ThisCell">
            </td>
        </tr>
        <tr>
            <td id="NotThis">
            </td>
        </tr>
        <tr>
            <td id="NorThis">
            </td>
        </tr>
    </tbody>
</table

如何使用JQuery / Javascript将#ThisTable中第一个表格单元格的ID分配给变量“Selected”？

在这种情况下的结果应如下所示：

var Selected = "ThisCell";

我需要获取第一个单元格的ID而不知道ID是什么，可能使用：first selector。此外，这不是页面上唯一的表，因此必须使用其ID进行引用。

Answer 1

只需：

$("#ThisTable tbody tr:first td:first").attr("id");

Answer 2

var Selected = $('#ThisTable td:first').attr('id');

这将选择第一个td元素，该元素是ID为ThisTable的元素的后代，返回其id属性并将其分配给Selected。

JSFiddle

Answer 3

此代码获取表格的第一个td，然后将其id存储在变量Selected中。

var Selected = document.querySelector("#ThisTable td").id;

纯DOM方法，这里最快的方法，根据Can I use在91.71％的浏览器上工作。

Answer 4

$(function () {
    console.log($($('#ThisTable').find('td')[0]).attr('id'))
});

http://jsfiddle.net/E9mPw/17/

获取特定表中第一个单元格的ID

4 个答案: