仅对所选元素

时间:2015-11-03 13:55:54

标签: jquery jquery-ui jquery-ui-tooltip

我有一些复杂的表单,我想为某些元素组启用工具提示。假设我有多个<li>元素,每个元素都包含<input><label>):

<ul>
    <li><input ...> <label>...</label></li>
    ...
</ul>

然后我想为每个<li>元素添加工具提示,以便当用户在列表项中的任何位置悬停时,工具提示可见:

$('li').each(function () {
    $(this).tooltip({ items: '*', content: 'test' })   
});

当然,在我的情况下,我将为每个content元素设置不同的<li>。每当我打电话给tooltip()时,我都想为所选元素添加工具提示。由于我的<li>元素没有title属性,因此我必须为items传递一些选择器。我尝试传递*,哪种工作,但副作用是每个单独的元素都有自己的工具提示,即使每个元素都有相同的内容。你可以在这里看到它:

http://jsfiddle.net/k2c3uego/4/

我知道对于这个例子,我可以传递li作为选择器,但是当我有嵌套的<li>元素或者找不到所有的简单选择器时,这将不起作用我首先使用jQuery选择的元素。

有没有办法以一种方式调用tooltip(),只是将工具提示添加到所选元素(即调用tooltop()的选择中包含的元素)?

0 个答案:

没有答案