如何用超链接的title属性值填充每个特定范围？

Question

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

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

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

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

Answer 1

您需要做的就是遍历每个tooltip链接并设置title属性的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>