时间戳

首页 > 解决方案 > 如何用超链接的标题属性值填充每个特定跨度？

jquery - 如何用超链接的标题属性值填充每个特定跨度？

问题描述

我想知道如何使用jQuery来完成：

这就是我渲染每个具有“title”属性的超链接的方式：

<a class="tooltip" title="some description">some text
<span class="tooltiptext">Tooltip text</span>
</a>

我希望每个超链接都将“工具提示文本”替换为它们自己的“标题”属性值（例如，此处的“工具提示文本”应更改为“某些描述”）。有人可以帮助解决这个挑战吗？

标签： jquery

解决方案

您需要做的就是遍历每个tooltip链接并设置标题属性的 HTML。

$(".tooltip").each(function(){
    $(this).find(".tooltiptext").html($(this).prop("title"));
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a class="tooltip" title="some description">some text
<span class="tooltiptext">Tooltip text</span>
</a>

推荐阅读