使用jQuery在HTML中选择模式

Question

我正在尝试将一个旧的Tips插件从Mootools转换为jQuery： http://flowplayer.org/tools/tooltip/index.html

除了我在HTML行中重新设置属性值的样式之外，所有内容都处于正常工作状态。例如，我可能有：

<img src="/link/to/image.jpg" class="Tips2" title="Header Line :: Description Paragraph Here" />

效果非常好，除了我想用CSS单向风格化“Header Line”部分，而另一种方式用CSS风格化“Description Paragraph Here”部分。我仍然是javascript的新手，我不知道如何选择这两种模式来为他们应用css类。

我转换的原始Mootools脚本带有预先打包的此功能（以便您在上面的HTML中看到的模式已经链接到“标题行”的类“.tool-title”和“.tool-”文本“为”描述段落在这里“）。

我如何在jQuery中执行此操作？

Answer 1

这是你的想法：http://jsfiddle.net/g_thom/Za3uY/3/？

正如Dimitar所提到的，jQuery将两个字符串拆分为一个数组，并将它们放入不同的div中，以便进行不同的样式设置。两者都悬停在图像上方显示。不确定这是否正是你所追求的。

我暂时将title属性设置为空白，因此它不会在悬停'doubled'上显示自定义工具提示，然后在鼠标输出时将其重新插入，以便可访问性问题在某种程度上最小化。

目前已在Chrome和FF4中测试过。