(我删除了属性,但它是一些自动生成的HTML.)
<img class="p"/>
<div> hello world
<p>
<font><font size="2">text.<img class="p"/>
some text
</font></font>
</p>
<img class="p"/>
<p> <font><font size="2">more text<img class="p"/>
another piece of text
</font></font>
</p><img class="p"/> some text on the end
</div>
Run Code Online (Sandbox Code Playgroud)
我需要img.p在悬停第一个元素时,对两个最接近(在HTML代码中)元素之间的所有文本应用一些带背景的突出显示.我不知道该怎么做.让我们说我徘徊在第一个img.p- 它应该突出显示hello world,text.而不是别的.
而现在最糟糕的部分 - 我需要背景在mouseleave上消失.
我需要它来处理任何可能的HTML混乱.以上只是一个例子,文件的结构会有所不同.
提示:只要不改变输出文档的外观,就可以在绑定悬停和放置一些跨度等之前处理整个html.