javascript - 删除 href 周围文本的正确 jquery 函数是什么？

Question

我正在使用 CSM 平台和插件来生成导航。该插件有点笨重，并且控件有限，因此我尝试使用 jQuery 来影响一些基本的样式更改。

这个问题看起来很简单，很容易解决。我想删除特定列表项中文本周围不需要的 A HREF=""但我的逻辑不起作用。

我正在使用:

$( "li.dropdown-header" ).parent().removeAttr( "href");

尝试从下面删除 anchor 链接属性

<ul>
<li><a href="">Item 1</a></li>
<li class="dropdown-header"><a href="">Header Title</a></li>
<li><a href="">Item 2</a></li>
<li><a href="">Item 3</a></li>
</ul>

任何见解或方向将不胜感激。

谢谢!

Answer 1

我认为您想要做的是删除 anchor li 内的元素与类dropdown-header

$("li.dropdown-header a").contents().unwrap();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<ul>
  <li><a href="">Item 1</a></li>
  <li class="dropdown-header"><a href="">Header Title</a></li>
  <li><a href="">Item 2</a></li>
  <li><a href="">Item 3</a></li>
</ul>