如何将属性值附加到页面上的每个元素？

Question

我想在页面上追加一个链接，该链接的属性名称为“data-update-id”

在页面上有多个li元素，如下所示：

<li class="feed-update member-like-share  has-snippets" data-update="true" data-block="update" data-update-id="6029870346117619712" data-actor-type="member" data-li-utrk...

我想在上面的示例中获取每个数据的update-id值（例如6029870346117619712）并将其附加到li元素。增加的复杂性是，我想将此数字附加到网址并使其成为链接。

链接为https://www.linkedin.com/nhome/updates?topic=，因此在上面的示例中，我希望它成为https://www.linkedin.com/nhome/updates?topic=6029870346117619712

我开始测试以下内容并且它不起作用：

 "li[data-update-id]").append($(this).attr("data-id"));

我仍然是jQuery的新手，所以要善良。我认为它不起作用，因为我需要循环每个元素？你能帮忙吗？

Answer 1

您可以使用为.text()提供的回调功能：

$('li').text(function(i,oldtxt){
  return oldtxt + $(this).data("update-id");
});

<强> Working Demo

Answer 2

您可以使用each，html并使用data获取data-*属性。

$("li[data-update-id]").each(function(){
   $(this).html($(this).data('update-id'));
});