javascript - 向所选段落添加类(contenteditable div)

Question

我在 contenteditable div 中有一系列这样的段落:

<p>text</p>
<p>text</p>
<p>text</p>

我希望能够选择其中一个段落(使用鼠标)并向其添加一个类:

<p>text</p>
<p class="added-class">text</p>
<p>text</p>

最简单的方法是什么？

(我要创建自己的事件，但我希望选定的文本/段落成为选定的元素)

Answer 1

最简单的解决方案是:

$("p").on("click", function(){
  $(this).addClass("added-class")
});

如果你只想有一个带有“added-class”的p

var chosen = null;
$("p").on("click", function(){
  if(chosen) 
    chosen.removeClass("added-class");
  $(this).addClass("added-class")
  chosen = $(this);
});