jquery - 使用 jQuery 和 CSS 操作 Ruby on Rails 字符串变量的字符

Question

我想抓取一个字符串的特定字符(存储为 ruby​​ on rails 全局变量)并修改它们的外观，同时通过 jquery 添加一点动画...这很容易实现，无需调用变量并使用 html 标签环绕我想抓取的特定字符；或者可能通过将包装标签存储在变量中。但我忍不住认为有一个更优雅的解决方案，允许我调用我的变量并针对这个特定实例操作它......

下面是一个可能有助于描述情况的示例。

我有一个全局变量“coName”，我可以在其中存储该站点所对应的公司名称的字符串；使其易于在不同位置重复使用并为其他站点更新。使用一些简单的嵌入式 ruby​​ 可以很容易地在需要的地方调用该字符串...例如 h1 元素中的简单公司名称:

<h1><%=h coName %></h1>

产生以下内容(如果 coName 值当然是“公司名称”)

<h1>Company Name</h1>

现在我只希望字符“mpany”是不同的颜色(也在这些字符上做一些 jQuery 淡入和淡出动画)和“名称”在不同的行上缩进几个字母。

同样……这很简单。如果我取消对变量的调用并将其标记为丑陋的，例如:

<h1>Co<span>mpany</span><br /><span>Name</span></h1>

然后我可以轻松地使用 CSS 和 jQuery 选择器来更改颜色、动画和缩进……但这并不优雅，可能不像 SEO 友好，也不像调用“coName”变量和修改它那样模块化。现在我正在 jQuery 中玩子字符串方法，但在调用全局变量时还没有找到合适的解决方案。

我正在寻找您的网络专家可以提供的任何可能的解决方案。

谢谢。

Answer 1

我想突出显示方法就是您要找的。

highlight('You searched for: rails', ['for', 'rails'], :highlighter => '<em>\1</em>')
# => You searched <em>for</em>: <em>rails</em>

在这里阅读更多:http://api.rubyonrails.org/classes/ActionView/Helpers/TextHelper.html#method-i-highlight