如何添加？nl！在特定 div 中的链接末尾？

Question

页面上有很多 class=field-content 的 div。我正在尝试添加 ?nl！每个链接的末尾是 div:field-content。这是 jquery，但它不起作用。

$( document ).ready(function() {

     var $this = $('.field-content');       
     var _href = $this.attr("href"); 
     $this.attr("href", _href + '?nl!');


  });






   <div class="field-content" >    
    <a href="/content/electro">
<img src="xxx" alt="" height="70" width="200">
</a>
</div>

Answer 1

您的目标是父 <div> 而不是 <a> 而不是迭代实例

使用attr(attrName, function) 将遍历集合并返回每个实例的更新值

$('.field-content > a').attr("href", function(_, _href){    
   return _href + '?nl!';
});