要禁用除单击的div以外的其他来自循环的div,可以通过以下步骤实现:
下面是一个示例代码:
HTML代码:
<div class="clickable-div">可单击的div</div>
<div class="loop-div">循环生成的div 1</div>
<div class="loop-div">循环生成的div 2</div>
<div class="loop-div">循环生成的div 3</div>
JavaScript代码(使用jQuery):
$(document).ready(function() {
$(".clickable-div").click(function() {
$(".loop-div").each(function() {
if ($(this).hasClass("clickable-div")) {
$(this).prop("disabled", false); // 保持可用状态
} else {
$(this).prop("disabled", true); // 禁用其他循环生成的div
}
});
});
});
在上述示例中,我们给可单击的div元素添加了一个类名"clickable-div",并给循环生成的div元素添加了一个类名"loop-div"。在单击事件处理函数中,使用each()方法遍历所有循环生成的div元素,通过hasClass()方法判断是否为可单击的div元素,然后使用prop()方法来设置其disabled属性,从而禁用或保持可用状态。
请注意,上述示例中并未提及具体的腾讯云产品或链接地址,因为禁用div元素与云计算领域的专业知识和产品并无直接关联。如需了解腾讯云相关产品和服务,请参考腾讯云官方文档或咨询腾讯云官方支持。
领取专属 10元无门槛券
手把手带您无忧上云