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值，我将添加不同的图像。例如，如果repType返回“1”，我将添加图像为“A”，如果“2”图像将为“B”。现在我需要添加一个工具提示，根据reportType显示不同的值。

下面是我试过的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方法中尝试了几种方法。但工具提示仅显示第一张图像。对于其余图像，工具提示未显示。

任何人都可以帮我这个。

Answer 1

您必须使用.each()功能，或者只是将ID更改为类。如果你的选择器是#ID

，jQuery只选择1个元素

尝试：

$(".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/

动态添加工具提示

1 个答案: