如何将div的HTML分配给图像的title属性

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