Javascript qTip2变更调用元素'；打开时的背景色

我只是好奇有没有人知道怎么做。基本上，我有一个大表，每个td都有一个qtip，其中包含一个提供更多信息的嵌入式表。我希望td的背景颜色可以更改为与qtip匹配，以便用户知道这是他们正在查看的特定单元格。以下是我的qtip的JS：

            $('.resultCell').each(function(){
                $(this).qtip({
                    content: {
                        text:$('table',this)
                    },
                    position: {
                        my: 'top center',
                        at: 'bottom center'
                    },
                    hide: {
                        fixed: true,
                        delay: 500
                    }
                });
            });

---

您只需更改内容和其他设置，但此代码将突出显示显示实际工具提示的td

请参见下面的代码：

JavaScript HTML

---

​

您只需更改内容和其他设置，但此代码将突出显示显示实际工具提示的td

请参见下面的代码：

JavaScript HTML

---

​

也许是这样的？var color=$（this.qtip.css（“背景色”）$css（“背景色”，颜色）@ZackMacomber我已经弄明白了很多，但我不知道如何真正做出改变。也许是这样的？var color=$（this.qtip.css（“背景色”）$css（“背景色”，颜色）@ZackMacomber我已经弄明白了很多，但我不知道如何真正做出改变。

$(function() {
    $("td").each(function() {
        $(this).qtip({
            content: {
                text: "Test IT"
            },
            position: {
                my: 'top center',
                at: 'bottom center'
            },
            events: {
                show: function(event, api) {
                    api.elements.target.addClass("active");
                },
                hide: function(event, api) {
                    api.elements.target.removeClass("active");
                }
            }
        });
    });
});​

<table>
  <tr><td>XXX</td><td>XXX</td><td>XXX</td><td>XXX</td></tr>
  <tr><td>XXX</td><td>XXX</td><td>XXX</td><td>XXX</td></tr>
  <tr><td>XXX</td><td>XXX</td><td>XXX</td><td>XXX</td></tr>
  <tr><td>XXX</td><td>XXX</td><td>XXX</td><td>XXX</td></tr>
  <tr><td>XXX</td><td>XXX</td><td>XXX</td><td>XXX</td></tr>
</table>

td {
    border:1px solid #000000;
    padding:5px;
}
table {
    margin: 20px;
}
.active {
    background-color: #FF0000;
}