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

时间:2011-02-01 11:49:26

标签: javascript jquery html-table jquery-selectors

我有一个表结构: -

<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或

表&gt; tr(0)&gt; td(0)

我怎样才能使用我的代码?

4 个答案:

答案 0 :(得分:2)

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

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

这使用closest来获取与选择器和find匹配的最近父元素,以获得与选择器匹配的子元素,使用:first选择器来获得匹配的第一个元素。 / p>

答案 1 :(得分:1)

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

答案 2 :(得分:0)

喜欢这个? (从表中)

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

答案 3 :(得分:0)

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