Javascript 动态查找和附加容器

HTML:

jQuery：

a#myname
div#tooltip-myname

a#yourname
div#tooltip-yourname

如何使工具提示容器部件自动化，从而不必在每个工具提示中手动输入“

”工具提示myname

”

。\tooltip yourname

”等等

谢谢

您可以使用循环，如下所示：

$('#myname').tooltip($('#tooltip-myname'));
$('#yourname').tooltip($('#tooltip-yourname'));

$('#myname, #yourname').each(function() {
 $(this).tooltip($('#tooltip-' + this.id));
});

如果这些元素都有一个类，那么维护起来就更容易了，例如，如果它们都有

class=“hasTooltip”

您可以使用，如下所示：

$('#myname').tooltip($('#tooltip-myname'));
$('#yourname').tooltip($('#tooltip-yourname'));

$('#myname, #yourname').each(function() {
 $(this).tooltip($('#tooltip-' + this.id));
});

然后，您可以在不编辑脚本的情况下添加任意数量的脚本。

您可以使用循环，如下所示：

$('#myname').tooltip($('#tooltip-myname'));
$('#yourname').tooltip($('#tooltip-yourname'));

$('#myname, #yourname').each(function() {
 $(this).tooltip($('#tooltip-' + this.id));
});

如果这些元素都有一个类，那么维护起来就更容易了，例如，如果它们都有

class=“hasTooltip”

您可以使用，如下所示：

$('#myname').tooltip($('#tooltip-myname'));
$('#yourname').tooltip($('#tooltip-yourname'));

$('#myname, #yourname').each(function() {
 $(this).tooltip($('#tooltip-' + this.id));
});

然后，您可以在不编辑脚本的情况下添加任意数量的脚本