查找並連接容器動態

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)); 
}); 

然後，您可以添加儘可能多的，而無需編輯腳本。