jquery 从 div 获取部分并生成链接

Question

我有好几次不同的价值观。我只想从 div“用户信息”中获取用户名。此外，我想将此 div 容器作为包含用户名的链接。 这是我必须处理的代码：

<div class="user-info">


Username a

<div class="female"></div>


(19)

</div>


<div class="user-info">
    
    
Username b
    
<div class="male"></div>
    
    
(26)
    
</div>

这是我已经拥有的：

var nick = $.trim($(".user-info")
.text()
.split("\n")[3]);
$ (".user-info")
  .contents()
  .filter(function(){
    return this.nodeType !== 1;
  })
.wrap('<a href=https://this.website.com/link&nickname='+nick+'></a>');

这仅适用于第一个 div 容器。我想，我需要一个更具体的循环。但我找不到，该怎么做。

有什么建议吗？

Answer 1

您可以使用 jquery 中的.each，其中this 是循环中的user-info 元素。

$(".user-info").each(function() {
  var nick = $.trim($(this))
  .text()
  .split("\n")[3]);
  $(this)
    contents()
    .filter(function(){
      return this.nodeType !== 1;
    })
  .wrap('<a href=https://this.website.com/link&nickname='+nick+'></a>');
});