在一個div上添加事件監聽器，並在單擊另一個div時將其刪除

Question

我有兩個像這樣的div：

<div class="title">  <p>Editable title</p>  </div>
<div class="text">  <p>Editable text</p>  </div>

現在，我有一個名為checkClick(val)的函數，該函數將我自己的文本編輯器附加到樣式文本。

單擊具有class="title"的元素時，應調用該函數，並且僅那些class="title"段落應可編輯。

單擊具有class="text"的元素時，應調用該函數，並且僅那些class="text"段落應可編輯。

我已經試過了：

$(".title").click(function(){ checkClick(".title"); });
$(".text").click(function(){ checkClick(".text"); });

但是現在兩個div都具有該事件偵聽器，並且當我在編輯器中單擊加粗時，兩個文本都被加粗了，但是應該是只有我之前選擇的div才是可編輯的。

Answer 1

如何使用jquery將選定的div設置為“ active”，然后對類進行任何操作？

function checkClick(target) {

  $('.active').removeClass('active');
  $(target).addClass('active');
  $('.active').doWhateverYouLike...
}