jquery结合<a> links id&#39;s</a>

时间:2012-05-20 08:32:53

标签: jquery tooltip tipsy

这是我当前的代码,以便我的每一个

 $('#fbNameS1').tipsy({fade: true});
 $('#fbNameS2').tipsy({fade: true});
 ...
 $('#fbNameS207').tipsy({fade: true});
 $('#fbNameS208').tipsy({fade: true});

现在我已经看到了一些jQuery代码,它们将DIV ID组合在一起。在我去做所有209个狡猾的事情之前,我想要一个确认,这将适用于醉意的工具提示吗?

 $('#fbNameS1','#fbNameS2',....,'#fbNameS207','#fbNameS208').tipsy({fade: true});

2 个答案:

答案 0 :(得分:4)

你可以试试这个:

$('div[id^=fbName]').tipsy({fade: true})

答案 1 :(得分:1)

这比通过ID

引用所有这些DIV更清晰

首先,为要进行批量操作的每个DIV添加一个类。

<div id='fbNameS1' class='fancyboxMod doTipsyThing' />
<div id='fbNameS2' class='fancyboxMod doTipsyThing' />
<div id='fbNameS3' class='fancyboxMod doTipsyThing' />

然后你可以使用这样的短选择器调整它们:

$('div.doTipsyThing').tipsy({fade: true});

这是一种更加可维护的方式来完成你想要做的事情。

<强>更新
我更新了我的示例,以展示如果你需要在这些元素上有另一个类,你会怎么做,因为你说他们需要fancyboxMod。