对于PC

Question

我正在使用Twitter Bootstrap作为我当前的项目我有一个工具提示，我在其中显示标题中的文字对于手机，我想用标题附加标题。我能够使用viewport-width

检测设备

我在jsfiddle中添加了当前代码 - ＆gt; http://jsfiddle.net/VenomVendor/FUCkA/2/
*注意：我不负责动态生成的网址 F ****

示例：

对于PC

<span class="vee-tooltip-right" title="Asynchronous JavaScript and XML">AJAX</span>
<br>
<span class="vee-tooltip-top" title="JavaScript Object Notation">JSON</span>
<br>
<span class="vee-tooltip-left" title="Cascading Style Sheets">CSS</span>

对于手机 - 待完成

<span class="vee-tooltip-right" title="">AJAX - Asynchronous JavaScript and XML</span>
<br>
<span class="vee-tooltip-top" title="">JSON - JavaScript Object Notation</span>
<br>
<span class="vee-tooltip-left" title="">CSS - Cascading Style Sheets</span>

我已设法使用attr()＆amp;获取标题中的字符串。使用count的课程数量。

由于我有不同的类名，所以我使用了常用选择器"span[class*='vee-tooltip-']"

我很震惊地动态获取title属性并附加到同一个Parent。

Answer 1

问题在于，每次编写$("span[class*='vee-tooltip-']")（顺便说一下，^=，而不是*=），就会创建一个全新的jQuery对象。它们之间没有关系，所以你不能轻易地影响你想要的那个。

我建议使用这个：

$("span[class^='vee-tooltip-']").each(function() {
    this.appendChild(document.createTextNode(" - "+this.getAttribute("title")));
}

Answer 2

使用.each

http://jsfiddle.net/raam86/8RjN8/

$("span[class*='vee-tooltip-']").each(function () {
    $this = $(this);
    var text = $this.text();
    var title = $this.attr("title");
    $(this).text(text + title);
})

获取类/ id的属性并使用jQuery附加到文本

对于PC

对于手机 - 待完成

2 个答案: