Question

我想访问表TblGrid_grid_servico_2内的tr.Act_Buttons内的td.EditButton。我试过这个没有成功："#TblGrid_grid_servico_2 > tbody > tr.Act_Buttons > td.EditButton"

这是我的代码：

<table border="0" cellspacing="0" cellpadding="0" class="EditTable" id="TblGrid_grid_servico_2">
    <tbody>
        <tr>
            <td colspan="2">
                <hr class="ui-widget-content" style="margin:1px">
            </td>
        </tr>
        <tr id="Act_Buttons">
            <td class="navButton">
                <a href="javascript:void(0)" id="pData" class="fm-button ui-state-default ui-corner-left ui-state-disabled">
                    <span class="ui-icon ui-icon-triangle-1-w"></span>
                </a>
                <a href="javascript:void(0)" id="nData" class="fm-button ui-state-default ui-corner-right">
                    <span class="ui-icon ui-icon-triangle-1-e"></span>
                </a>
            </td>
            <td class="EditButton">
                <a href="javascript:void(0)" id="sData" class="fm-button ui-state-default ui-corner-all fm-button-icon-left">Enviar
                    <span class="ui-icon ui-icon-disk"></span>
                </a>
                <a href="javascript:void(0)" id="cData" class="fm-button ui-state-default ui-corner-all fm-button-icon-left">Cancelar
                   <span class="ui-icon ui-icon-close"></span>
                </a>
            </td>
        </tr>
    </tbody>
</table>

Answer 1

由于ID必须是唯一的，请尝试：

#Act_Buttons > td.EditButton

除了tr.Act_Buttons之外，您的选择器组合可能会有效。如果是ID，那么您将使用Act_Buttons的类定位元素。 .匹配类，#匹配ID。

Answer 2

Act_Buttons是一个ID，而不是一个类，所以它应该是：

#TblGrid_grid_servico_2 > tbody > tr#Act_Buttons > td.EditButton

Answer 3

您需要使用#代替.来定位tr id="Act_Buttons"：

$('#TblGrid_grid_servico_2 > tbody > tr#Act_Buttons > td.EditButton')
// ----------------------------------  ^ here ------------

Answer 4

var td = $（'＃TblGrid_grid_servico_2 tbody'）。find（'tr＃Act_Buttons'）。find（'td＃EditButton'）;

//使用td进一步发挥它的内容..

jQuery - 访问特定tr和表中的td

4 个答案: