使用jquery删除内部<mark>标签

Question

我有一个段落，其中一些单词使用

<mark>

标签突出显示。 但是当文档准备好后，某些单词在另一个

<mark>

标签内包含

<mark>

标签。 即

<mark><mark>MyWord</mark></mark>

这是代码 `

$(document).ready(function(){
$('mark').each(function () {
if ($(this).next().is('mark')) {
   $(this).next().remove();
}
});
});
</script>`

我如何删除多余的标记标签，以便 MyWord 包含单个标记标签。即

<mark>MyWord</mark>

Answer 1

也许在标记标签上使用

display: contents

CSS 会更容易，这样虽然它们仍在页面中，但浏览器会忽略它们。