删除HTML <a> target Attribute

Question

I have a plugin which is outputting hyperlinks like this:

<div class="slp-directory-listing">
<a href="https://someURL.com" target="store_locator_plus">More Details</a>
</div

Is it possible to remove the target attribute?

I have tried

$(".slp-directory-listing p a").removeAttr("target");

Answer 1

HTML中没有任何 p 元素，请将其从选择器中删除。

$(".slp-directory-listing > a").removeAttr("target");
console.log($(".slp-directory-listing > a").attr("target")); // undefined

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="slp-directory-listing">
  <a href="https://someURL.com" target="store_locator_plus">More Details</a>
</div>

Answer 2

只需将其设置为空字符串-有效地将其删除：

$("#slp-directory-listing a").attr("target", "");

您还有一个无效的选择器-您的a不在p内：

$("#slp-directory-listing a").removeAttr("target");