1

在xhtml使用 JSF 创建的页面中，我需要使用 JavaScript / jQuery 来更改表格单元格的内容。我知道如何为div包含表和tbody. 我还可以为div自身和目标列分配唯一的类名。目标行由data-rk属性标识。

<div id="tabForm:centerTabView:personsTable" class="ui-datatable ui-widget personsTable">
    <table role="grid">
        <tbody id="tabForm:centerTabView:personsTable_data" >
            <tr data-rk="2" >
                <td ... />
                <td class="lastNameCol" role="gridcell">
                    <div> To Be Edited </div>
                </td>
                <td ... />
            </tr>
            <tr ... />
        </tbody>
    </table>
</div>

我尝试了许多不同 jQuery 选择器的组合，但我真的迷路了。我需要在该特定 div 或该特定表内搜索我的目标行和目标列，因为 xhtml 页面可能包含具有不同唯一 ID 的其他表（并且意外地具有相同的行和列 ID）。

4

2 回答 2

3

像这样的东西？

$("#tabForm\\:centerTabView\\:personsTable tr[data-rk=2] td.lastNameCol div").text("edited");

或者如果personsTable在当前视图中足够独特

$("[id$=personsTable] tr[data-rk=2] td.lastNameCol div").text("edited");
于 2012-06-09T01:23:46.763 回答
0

请检查此小提琴以获取您的新 html 代码

没有冒号的小提琴

摆弄结肠

于 2012-06-08T21:17:40.210 回答