javascript - 获取父节点 p 即使里面有另一个标签？

Question

我正在使用以下代码将一个类添加到 p 标签到 .content contenteditable div(基于插入符号的位置):

var $content = $('.content'),
    $p = $content.find('p');

$content.on('keyup click', function(e) {
    var focusElement = window.getSelection().baseNode.parentElement;
    $p.removeClass('hover');
    $(focusElement).addClass('hover');
});

它适用于这样的结构:

<p>Text text</p>
<p class="hover">Text text</p>

问题出现在这样的结构中:

<p>Text text</p>
<p>Text <i>text</i></p>

p 中的任何 html 标签似乎都会破坏代码，阻止它向 p 标签添加 hover 类。

有解决办法吗？

Answer 1

$content.on('keyup click', function(e) {
    $(window.getSelection().baseNode).closest('p').addClass('hover');
    $p.removeClass('hover');
});