Listview所選項目的背景顏色不變

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;}

嘗試2使用JQuery：

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

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

嘗試3使用SelectedItemTemplate：

  <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>

我在這里做什么錯？

Answer 1

嘗試在准備好的文檔上添加以下代碼：

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