javascript - 如果目标属性的值为空，我需要从 anchor 中删除目标属性

Question

为了进行 W3c 验证，我需要从目标值为空的所有 anchor 中删除目标属性

我体内有以下代码

<div>
 <a href="#" target="">home emput</a>
 <a href="#" target="blank">home</a>
 <a href="#" target="">home empty</a>
 <a href="#">home</a>
</div>

这是我的脚本

$(document).ready(function () {
  var target = []
  var i = 0;
  $("body a").each(function () {
   target[i++] = $(this).attr("target");
   if($(this).attr("target") == ""){
     $(this).removeAttr("target");
   }
  });
 console.log(target);
});

当我查看控制台空目标被删除时，此代码工作正常。但是当我查看源代码(Ctrl+u)时，目标仍然存在，

我只是想删除它们。

Answer 1

试试这个，它有效

$(document).ready(function () {
  var target = []
  var i = 0;
  $("body a").each(function () {
   target = $(this).attr("target");
   if(target == "")
   {
    $(this).removeAttr("target");
   }
  });
 //console.log(target);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
 <a href="#" target="">home emput</a>
 <a href="#" target="blank">home</a>
 <a href="#" target="">home empty</a>
 <a href="#">home</a>
</div>