单击链接时如何突出显示一行

Question

<h:dataTable border="1" value="#{InstallerHome.lstMyWork}"
                var="jobsCases" width="100%" id="results" headerClass="tableHeader"
                styleClass="stripe">
                <h:column>
                    <f:facet name="header">
                        <h:commandLink value="Last Name"
                            action="#{InstallerHome.workSort}" style="color: black; ">
                            <f:param name="SortOrderBy" value="clientLastName"></f:param>
                            <f:param name="IsAscending"
                                value="#{(InstallerHome.isAscending == 'true') ? 'false' : 'true' }"></f:param>
                        </h:commandLink>
                    </f:facet>
                    <h:outputText value="#{jobsCases.clientLastName}" />
            </h:column>

在此，我想在单击链接时突出​​显示具有 LastName 值的行。

Answer 1

给出一个要突出显示的id属性，以及需要单击的元素：

onclick="document.getElementById('theID').select();
document.getElementById('theID').setSelectionRange(0, 99999999);"