如何将 onClick 监听器添加到 div。 如果 div 之前处于非事件状态,我想将其名称更改为 divclass active,然后如果用户再次单击列表,则删除“active”一词。 我不知道该怎么做。 这是我到目前为止尝试过的
<script>
$function tog(){
$(this).toggleClass('active');
return false;
}
$(function() {
var dd = new DropDown( $('#dd') );
$(document).click(function() {
// all dropdowns
$('.wrapper-dropdown-4').removeClass('active');
});
});
</script>
我要更改其类名的div定义如下
<div id="dd" onclick="tog()" class="wrapper-dropdown-4">
<!--something-->
</div>
我已经试过了..
<html>
<head>
<script>
$('#dd').on('click', function(){
$(this).toggleClass('active')
});
</script>
<style>
.active {
color: red;
}
</style>
</head>
<body>
<div id="dd" class="wrapper-dropdown-4">
ddddd
</div>
</body>
</html>
现在这是怎么了?
我正在通过 chrome 开发人员工具检查元素 ID,使用此代码我没有看到任何变化。那么,有人可以帮忙吗? 谢谢。 :)
最佳答案
你唯一需要的脚本是
$(function(){
$('#dd').on('click', function(){
$(this).toggleClass('active')
});
});
演示:Fiddle
关于javascript - 单击更改div的id,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15041079/