我想这样做，以便当您在li元素上选择（单击）时会切换一个类。
$("li").click(function() {
$(this).toggleClass("selected");
});
但是当我单击列表项时没有任何反应。
编辑：
HTML：
<input type = "text" placeholder = "New category" id = "category">
<button type = "button" onclick ="addCategory()">Add</button><br>
<ul id = "list">
<li>School</li>
<li>Home</li>
<li>Fun</li>
</ul>
其余的JS / jQuery：
function addCategory() {
var category = $("#category").val();
var list = $("#list");
var li = $("<li>");
list.append(li);
li.append(category);
}
$("li").click(function() {
$(this).toggleClass("selected");
});
这将起作用，请参见jsfiddle示例。jQuery对事件注册时存在的元素起作用。因此，我们可以通过在始终存在的元素上注册事件来欺骗情况。因此，该事件已针对li上的任何事件进行了正确注册document。
$(document).on('click', 'li', function(){
$(this).toggleClass("selected");
});
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句