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

【问题标题】：how to highligting a row when link is clicked单击链接时如何突出显示一行
【发布时间】：2019-04-01 17:12:01
【问题描述】：

<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 的行。

【问题讨论】：

如果用户点击表格第三行中的h:commandLink value="Last Name"，您希望第三行突出显示吗？
是的，我想在点击链接时突出显示该行

标签： javascript java html css jsf

【解决方案1】：

给你想要高亮的id属性，以及需要点击的元素：

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

【讨论】：