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

标签 jquery css ruby-on-rails string

我想抓取一个字符串的特定字符(存储为 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 中玩子字符串方法,但在调用全局变量时还没有找到合适的解决方案。

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

谢谢。

最佳答案

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

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

关于jquery - 使用 jQuery 和 CSS 操作 Ruby on Rails 字符串变量的字符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12392456/

相关文章:

javascript - 如何在 YouTube 上接收 channel 视频的 JSON 列表?

javascript - 内联 onclick 与 jquery .click()

javascript - 如何在java中实现反向ajax

ruby-on-rails - 遇到错误 "couldn' t find file 'ckeditor/override' "在我的 application.js 文件中的问题

mysql - 使用不同的 foreign_key 加入并搜索?

JQuery Cycle NoConflict $ 问题

html - Dart:如何更改按钮文本的颜色

javascript - 显示模态后整个窗口变得模糊 jQuery 为什么?

javascript - 使用 django 模板引用外部文件

jquery - 将页面 View 显示为 jQuery-UI 对话框