列表视图选择的项目背景颜色不变

Question

我有这个列表视图，其中包含酒店列表作为链接按钮。当我从列表视图中选择酒店名称时，我想更改其背景颜色，使其看起来像被选中。我尝试了很多选择，但没有任何工作。

<asp:ListView ID="HotelListView" runat="server" EnableViewState="true"> 
    <ItemTemplate> 
    <p class="listviewMargin selectedHotelCss"> 
     <asp:LinkButton ID="SelectedHotelLinkButton" runat="server" Text='<%# Eval("FullName")%>' selectedHotel='<%# Eval("Id")%>' CommandName='selectedHotel' CssClass='darkOliveText'> 
     </asp:LinkButton> 
    </p> 
    </ItemTemplate> 
</asp:ListView> 

尝试1使用CSS：

p.selectedHotelCss a.selected { background-color:red;} 

使用JQuery尝试2：

<SelectedItemTemplate> 
    <tr class="selectedText"> 
     <td> 
     <asp:LinkButton ID="SelectedHospitalLinkButton" runat="server" Text='<%# Eval("FullName")%>' selectedHospitalId='<%# Eval("Id")%>' CommandName='selectedHospitalId' CssClass='darkOliveText'> 
     </asp:LinkButton> 
     </td> 
    </tr> 
    </SelectedItemTemplate> 

什么是错的，我在这里做什么：

$('[Id$=<%= SelectedHospitalLinkButton.ClientID %>]').on("click", function() { 

    $(this).addClass('selectedText'); 
}); 

使用SelectedItemTemplate尝试3 ？

Answer 1

尝试在文件准备添加以下代码：

$('#<%=SelectedHospitalLinkButton.ClientID%>').click(function() { 
    $(this).addClass('selectedText'); 
});