如何在jquery中使用元素标题替换元素文本?

Question

我需要用标题动态地替换类(timeago)的文本。会有多个div包含这个类可以是1也可以是1000

下面是一个例子:

<abbr class="timeago" data-datetime="2022-10-30T18:54:39Z" title="10/30/2022 11:54 AM">15 days ago</abbr>

谢谢你的帮助

$ (' .timeago ')。attr("标题",$ (' .timeago ')。text ());

用文本替换标题，但我需要做相反的事情，对于所有。timeago类，当我应用:firstchild来测试它仍然抓取所有存在的。timeago的文本。

有一个简单的方法使它工作吗?

Answer 1

// jQuery 1
$(".timeago").each(function(){$(this).text($(this).attr("title"))});
// jQuery 2
$(".timeago1").each(function(){this.textContent = this.title});
// Vanilla-JS
document.querySelectorAll(".timeago2").forEach(e => e.textContent = e.title);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<abbr class="timeago" data-datetime="2022-10-30T18:54:39Z" title="10/30/2022 11:54 AM">15 days ago</abbr>
<abbr class="timeago" data-datetime="2022-10-30T18:54:39Z" title="10/30/2022 11:54 AM">15 days ago</abbr>
<br>
<abbr class="timeago1" data-datetime="2022-10-30T18:54:39Z" title="10/30/2022 11:54 AM">15 days ago</abbr>
<abbr class="timeago1" data-datetime="2022-10-30T18:54:39Z" title="10/30/2022 11:54 AM">15 days ago</abbr>
<br>
<abbr class="timeago2" data-datetime="2022-10-30T18:54:39Z" title="10/30/2022 11:54 AM">15 days ago</abbr>
<abbr class="timeago2" data-datetime="2022-10-30T18:54:39Z" title="10/30/2022 11:54 AM">15 days ago</abbr>