使用 jQuery 在表格中选择一个单元格答案

【问题标题】：Select a cell in table using jQuery使用 jQuery 在表格中选择一个单元格
【发布时间】：2011-06-19 05:29:38
【问题描述】：

我有一个表结构：-

<div class="nli fshout_nli">
<table>
    <tr class="a_cell corner-all">
        <td valign="top">
            <a href="auser.jsp?id=1"><img src="dir/image_19.jpeg" alt="image"/></a>
        </td>
        <td valign="top" height="50px">
            <div class="on_text bl_txt">Pradyut Bhattacharya shouted</div>
            <div class="text bl_txt">

                this is a new test... <br/> <br/>
            </div>
        </td>
        <td valign="top">

            Z <br /> M
        </td>
    </tr>

    <tr>
        <td colspan="3">
            <div class="on_text bl_txt1">
                on <span class="timestamp"> 8:52 PM Sunday Jan 30, '11 </span>

                with <a href="#" class="show_comment1 green_link" >2 comments</a>
                <a href="#" class="ushout green_link" >Shouts</a>

            </div>
        </td>
    </tr>
</table>
</div>

现在我正在使用代码选择表格：

 $(this).parents('.nli').children('table').text()

我想选择第一个 tr 的第一个 td 或

表格 > tr(0) > td(0)

我怎样才能使用我的代码做到这一点？

【问题讨论】：

标签： javascript jquery html-table jquery-selectors

【解决方案1】：

像这样？（从表中）

$(this).find("td").eq(0).text();

【讨论】：

答案应该是 $(this).parents('.nli').find("td").eq(0).html() ...任何没有 find 的解决方案... :D

【解决方案2】：

$(this).parents('.nli').children('table tr:eq(0) td:eq(0)').text()

【讨论】：

【解决方案3】：

$(this).parents('.nli').find('td:first')

【讨论】：

【解决方案4】：

我不太确定我是否遵循您的代码，但您可以使用以下代码获取最近父表的第一个 td 元素：

$(this).closest('table').find('td:first');

这使用closest 获取与选择器匹配的最近父元素，使用find 获取匹配选择器的子元素，使用:first 选择器获取匹配的第一个元素。

【讨论】：