Найти и прикрепить контейнер динамически

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 селектор , например:

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

Затем вы можете добавить столько, сколько хотите, без редактирования скрипта.