javascript - 单击更改div的id

标签 javascript css

如何将 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/

相关文章:

css - 无法更改元素的宽度

javascript - 如何在 AngularJS 中自动加载依赖项?

html - 如何使用 bootstrap 创建左列非常窄的响应式两列布局

javascript - React.js 不在状态更新时重新渲染应用程序

javascript - 注入(inject)在 typescript 中不起作用

javascript - 如何将一个类随机分配给我在 DOM 中生成的元素?

HTML 和 CSS 自定义字体未出现在我的页面上

html - float 的 div 与父级的高度不同

javascript - 我可以将自定义属性添加到按钮 html 中吗?它适用于所有浏览器吗

javascript - Handlebars 引用同一行中的两个单独的对象