我想在段落标记的clok上添加select类。我写了代码,但它不起作用。请提出建议。
代码如下:
<style type="text/css">
#elm p { background:#FF0000; color:#FFFFFF; font-weight:bold;}
.select{ background:#000099;}
</style>
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#elm').click( function(){ $("p").addClass('hover') });
function(){ $("p").removeClass('hover') }
});
});
</script>
尝试使用类似的.toggleClass()
$(document).ready(function(){
$('#elm').on('click',function(){
$("p").toggleClass('hover');
});
});
老实说,您的代码有点乱。试着把它清理一下,你应该能够注意到你做错了什么。
如果我理解您的需求,那么您希望在单击父div id="elm"时添加/删除一个类。如果是这样的话,你可以使用Gautam3164提到的toggleClass,尽管我不得不稍微修改代码并做了一些假设,但还是看看这个jsfiddle。
$(document).ready(function(){
$('#elm').click(function(){
$("p").toggleClass('select')
});
});