在一个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...
}