Asp.net 使div可单击并使用CommandName=“选择”

下面的代码工作正常，当我点击link按钮时，select将被触发

但是，我在div上有一个悬停样式，这样当鼠标进入时它就会改变颜色。这让用户感到困惑，因为当他们单击div时，什么也不会发生，只有当他们单击link按钮时

我希望当用户单击div时，CommandName=Select将被激发。我如何才能做到这一点

<ItemTemplate>
    <div class="Card">
        <h4>
            <asp:LinkButton ID="SelectButton" Text='<%# Eval("Name") %>' CommandName="Select" runat="server"/> 
        </h4>
        <asp:Label runat="server" Text='<%# Eval("date") %>' />
        <asp:Label runat="server" Text='<%# Eval("location") %>' />
        <br />
    </div>
</ItemTemplate> 

您可以使用jquery在单击div时触发按钮的单击事件

$("#Card").click(function(){
    $("[id$=SelectButton]").trigger('click');
});

---

我通过将LinkButton放在div外修复了我的问题。现在可以在数据列表中单击整个div

---

请在发布前阅读相关内容。确定搜索此代码无效，因为没有SelectButton id将为id=ContentPlaceholder 1\u DataList1\u SelectButton\u 0所以…@IvoOostwegel更新了答案，使用以Selectorn结尾的方式工作这不是解决方案这是id的外观id=ContentPlaceholder 1\u DataList1\u SelectButton\u 0id=ContentPlaceholder 1\u数据列表1\u选择按钮\u 1 id=ContentPlaceholder 1\u数据列表1\u选择按钮\u 2 id=ContentPlaceholder 1\u数据列表1\u选择按钮\u 3等