jquery - 自动将链接标题附加到 div 标签内

Question

我想使用 jquery 创建一个 CSS 工具提示。我的 html 代码是

<a class="tooltip" href="#" title="My ttitle">Link1</a>

它应该像悬停时一样

<a class="tooltip" href="#" title="My ttitle"><div class="classic">My title</div>Link1</a>

如何使用 jQuery 执行此操作？

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    //prepend span tag
    var title = $("this").attr("title");
    $(".tooltip").prepend("<div class='classic'>".$(this).attr("title")."</div>");  

});

Answer 1

在 JavaScript 中连接字符串时，您应该使用 + 而不是 .;

$(".tooltip").prepend("<div class='classic'>" + $(this).attr("title") + "</div>");  

另请注意，您不应将 this 对象用引号括起来，并且代码中的 this 引用 document 对象而不是您的 span 元素。