Добавление всплывающей подсказки динамически

Question

Я добавляю изображение в цикл с помощью тега struts.У меня есть изображение, для которого всплывающая подсказка может меняться в зависимости от определенного условия.

Я добавляю изображение следующим образом в цикл -

<logic:iterate> ....
<img src="../images/report_<bean:write name="vo" property="field(repType)" bundle="coreRes"/>.png" width="13" height="13" style="vertical-align: middle; cursor:pointer;" id = "repImg" onmouseover = "generateTooltip('<bean:jsParam name="vo" property="field(repType)" bundle="esmcoreRes"/>')" 

</logic:iterate>

на основе значения repType i 'Буду добавлять разные изображения.Например, если repType возвращает «1», я добавлю изображение как «A», если «2» будет «B».Теперь мне нужно добавить всплывающую подсказку, которая будет отображать различные значения в зависимости от типа отчета.

ниже приведен код javascript, который я пробовал -

function generateTooltip(repType){

var tooltip = '';

// logic to determine tooltip based on repType is written here

    //$('#repImg').prop('title', tooltip );
    $("#repImg").attr('title', tooltip );
    //$("#repImg").css('cursor','pointer').attr('title', tooltip );
}

Я пробовал несколько подходов в методе Javascript, упомянутом выше.Но всплывающая подсказка отображается только для 1-го изображения.Для остальных изображений всплывающая подсказка не отображается.

Может ли кто-нибудь помочь мне в этом.

Answer 1

Вы должны использовать функцию .each() или просто изменить идентификатор на класс.jQuery просто выберите 1 элемент, если ваш селектор # ID

try:

$(".repImg").attr('title', tooltip );

и

<logic:iterate> ....
<img class="repImg" src="...

Дополнительная информация: https://learn.jquery.com/using-jquery-core/faq/how-do-i-select-an-item-using-class-or-id/