點擊時更改div的ID

Question

如何向div添加onClick偵聽器。 如果div之前處於非活動狀態，我想將div的名稱更改為divclass，如果用戶再次單擊列表，則刪除“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 developer的工具檢查元素id，我沒有看到使用此代碼的任何更改。 那么，有人可以幫忙嗎？ 謝謝。 :)

Answer 1

你需要的唯一腳本是

$(function(){
    $('#dd').on('click', function(){
        $(this).toggleClass('active')
    });
});

演示：小提琴

Answer 2

你必須傳遞對象$（this）是不可識別的，使用tog（this）

  <script>
     function tog(obj)
     {
        $(obj).toggleClass('active');
        return false;
     }



 $(function() {

 var dd = new DropDown( $('#dd') );

 $(document).click(function() {
 // all dropdowns
 $('.wrapper-dropdown-4').removeClass('active');
 });

 });
 </script>

 <div id="dd" onclick="tog(this)" class="wrapper-dropdown-4">
   <!--something-->
 </div>

不是最好的方法，你可以通過在事件中注冊點擊來綁定事件。

點擊時更改div的ID

問題描述

2 個解決方案

解決方案1
2 2013-02-23 13:36:13

解決方案2
0 2013-02-23 13:36:12

點擊時更改div的ID

問題描述

2 個解決方案

解決方案1 2 2013-02-23 13:36:13

解決方案2 0 2013-02-23 13:36:12

解決方案1
2 2013-02-23 13:36:13

解決方案2
0 2013-02-23 13:36:12