javascript - 使用 css 引用文本位置

Question

现在我正在努力在旧模板中插入一个新元素，但我遇到了一些问题。基本上在其他地方有一堆已经定义的 css 规则，这让我很难按照我的意愿准确定位我的 div。

是否有可能以某种方式引用代表文本实际呈现位置的 div？我实际上不太关心解决方案是使用 javascript 还是 css，但从逻辑上讲，css 似乎是此功能的正确位置。

例子:

<div>
    <div style="text-align:right">Content</div>
</div>

在那个例子中，会有一个跨越页面宽度的大 div，但我真的只想要直接处理文本实际存在的相对较小区域的东西。这可能吗？

具体来说，我想要做的是确保我添加到现有模板(想想导航选项卡)的新型元素将是高度模块化的。我希望能够为这些选项卡使用非常不同的描述长度，并且能够在不事先了解它们的 DOM 父级的情况下将背景应用于它们(我可以在其中放置任何新内容，但当前的布局意味着这必须工作在一些随机 div 和一些随机范围内)

Answer 1

我对此感到非常愚蠢，但我将继续并发布此答案，以防其他人将来搜索此内容。 jQuery 实际上有一个简单的解决方案。

例子:

<div>
    <div id="id" style="text-align-right">Some Text</div>
</div>

$(document).ready(function(){
    $("#id").wrapInner("<span id=renderedTextWrapper" />);
    $("#renderedTextWrapper").//do whatever you want with it
}

一旦获得该元素，就可以很容易地随心所欲地进行操作。为了解决必须将其插入随机 DOM 位置的问题，我只是将我的文本包装在一个 div 中，并确保它在传递给模板时没有被转义。