gpt4 book ai didi

javascript - 如何切换选定或单击的元素(并非全部)

转载 作者:行者123 更新时间:2023-12-01 08:29:32 25 4
gpt4 key购买 nike

我试图仅切换单击的元素并向其添加一些类,但它适用于所有元素。我该怎么做?任何建议都会有帮助。谢谢

$("li").click(function(e){
$(".checkbox span").toggleClass("checked");
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<li>
Wordz
<label class="checkbox">
<input type="checkbox" />
<span class="secondary"></span>
</label>
</li>
<li>
Phraser
<label class="checkbox">
<input type="checkbox" />
<span class="secondary"></span>
</label>
</li>

最佳答案

您可以使用 $(this) 来获取当前单击的 li 并根据情况添加您的类。

演示代码:

$("li").click(function(e) {
//cuurent li->span->addclass
$(this).find('span').toggleClass("checked");
});
.checked {
color: red;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul>
<li> Wordz
<label class="checkbox">
<input type="checkbox" />
<span class="secondary">Something</span>
</label>
</li>
<li>
Phraser
<label class="checkbox">
<input type="checkbox" />
<span class="secondary">Something</span>
</label>
</li>
</ul>

关于javascript - 如何切换选定或单击的元素(并非全部),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61986437/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com