Удалить HTML <a>целевой атрибут

Question

У меня есть плагин, который выводит гиперссылки, такие как:

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

Возможно ли удалить целевой атрибут?

Я пробовал

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

Answer 1

У вас нет элемента p в HTML, удалите его из селектора.

$(".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");