【发布时间】:2011-02-13 02:59:56
【问题描述】:
在我的网站中,我有一个包含 2 个列表视图的页面,每个列表视图包含多个 div,并且对于每个 div,我实现了单击事件,因此我可以将样式更改为所选 div。这工作正常,我要做的下一件事是确保从每个列表视图中选择至少一个项目,如果是这样,则执行一些操作(即警报、重定向等)我尝试使用 .each( ) 和 .find() 但我最终得到了复杂而低效的代码。 做这个的最好方式是什么? 这是我的代码:
<asp:ListView ID="ListView1" runat="server">
<LayoutTemplate>
<div id="itemPlaceholder" runat="server"></div>
</LayoutTemplate>
<ItemTemplate>
<div class="box" runat="server"></div>
<div class="selectedBox" runat="server"></div>
<div class="box" runat="server"></div>
<div class="box" runat="server"></div>
</ItemTemplate>
</asp:ListView>
<asp:ListView ID="ListView2" runat="server">
<LayoutTemplate>
<div id="itemPlaceholder" runat="server"></div>
</LayoutTemplate>
<ItemTemplate>
<div class="box" runat="server"></div>
<div class="selectedBox" runat="server"></div>
<div class="box" runat="server"></div>
<div class="box" runat="server"></div>
</ItemTemplate>
</asp:ListView>
<script type="text/javascript">
$(".box").click(function () {
$(this).siblings().removeClass("selectedBox");
$(this).addClass("selectedBox");
});
</script>
【问题讨论】: