javascript - 如何将 div 的 HTML 分配给图像的标题属性

Question

我有一个带有以下 HTML 的图像：

<img id='ToolTipImage' class='tooltip' src='/files/404048/93171/Info-32.png' title='' style='margin-top:3px; margin-left:4px;' />
<div id='AssessmentsGrid'> </div>

我使用tipTip 作为工具提示，并希望将div（AssessmentsGrid）的html 分配给我上面图像的title 属性。最初 div (AssessmentsGrid) 是空的，然后我运行一个查询并填充它。

Answer 1

我错过了什么吗？

<div id='AssessmentsGrid'><span>test</span></div>

$("#ToolTipImage").attr('title', $("#AssessmentsGrid").html());

现在 img 有了标题

<span>test</span>

??

Answer 2

因此，如果我理解正确，您想用 div 的内容填充图像的标题 attr。正确的？

如果是这样，您可以执行以下操作：

 var divText = $("#AssesmentsGrid").text();
 $("#ToolTipImage").attr("title",divText);

Answer 3

$("#ToolTipImage").hover(function(){
        $(this).attr('title', $("#AssessmentsGrid").text());
});

Answer 4

var a= $("#AssessmentsGrid"), b = $("#ToolTipImage");

b.attr('title', a.text());

这个比较合适

并且只使用 javascript...

var 
$0= document.getElementById('ToolTipImage'), $1= document.getElementById('AssessmentsGrid').innerText;
$0.setAttribute('title',$1);