动态查找和附加容器

Question

HTML：

a#myname
div#tooltip-myname

a#yourname
div#tooltip-yourname

jQuery的：

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

如何自动化工具提示容器部件，这样我就不必手动输入“#tooltip-myname”#tooltip-yourname'等每个工具提示？

谢谢！

Answer 1

您可以使用.each()循环，如下所示：

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

如果这些元素有一个类，它就会更容易维护，例如，如果它们都有class="hasTooltip"，您可以使用.class selector代替，如下所示：

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

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