Question

bellow是来自wordpress的代码。我想删除所有（链接）来自第一级别（例如国际gTLD，商业ccTLD，澳大拉西亚ccTLD，欧洲和美国ccTLD），但在<ul class="sub-menu">下，a将不会删除。请建议我如何通过jquery

<div class="sitemap">
<ul>
  <li><a href="general/international-gtlds/">International gTLDs</a>
  <ul class="sub-menu">
    <li><a href="com-net-org-info/">.COM/.NET/.ORG/.INFO</a></li>
    <li><a href="biz/">.BIZ</a></li>
    <li><a href="name/">.NAME</a></li>
    <li><a href="mobi/">.MOBI</a></li>
    <li><a href="travel/">.TRAVEL</a></li>
    <li><a href="asia/">.ASIA</a></li>
    <li><a href="tel/">.TEL</a></li>
    <li><a href="xxx/">.XXX</a></li>
    <li><a href="xxx-sunrise-and-landrush/">.XXX (Sunrise and Landrush)</a></li>
  </ul>
</li>
<li><a href="category/domain-faqs/general/commercial/">Commercial ccTLDs</a>
<ul class="sub-menu">
    <li><a href="cc/">.CC</a></li>
    <li><a href="tv/">.TV</a></li>
    <li><a href="cd/">.CD</a></li>
    <li><a href="cm/">.CM</a></li>
    <li><a href="me/">.ME</a></li>
</ul>
</li>
<li><a href="category/domain-faqs/general/australasia/">Australasia ccTLDs</a>
<ul class="sub-menu">
    <li><a href="au/">.AU</a></li>
    <li><a href="nz-registration/">.NZ Registration</a></li>
    <li><a href="cx/">.CX</a></li>
</ul>
</li>
<li><a href="category/domain-faqs/general/europe/">Europe &amp; America ccTLDs</a>
  <ul class="sub-menu">
    <li><a href="europe-america-cctlds/">.EU</a></li>
    <li><a href="us/">.US</a></li>
    <li><a href="de/">.DE</a></li>
    <li><a href="li/">.LI</a></li>
    <li><a href="it/">.IT</a></li>
    <li><a href="la/">.LA</a></li>
    <li><a href="mx-domain/">.MX</a></li>
    <li><a href="uk/">.UK</a></li>
    <li><a href="co/">.CO</a></li>
    <li><a href="co-no/">.CO.NO</a></li>
    <li><a href="co-nl/">.CO.NL</a></li>
    <li><a href="fm/">.FM</a></li>
    <li><a href="gs/">.GS</a></li>
    <li><a href="tl/">.TL</a></li>
    <li><a href="ht/">.HT</a></li>
    <li><a href="ki/">.KI</a></li>
    <li><a href="mu/">.MU</a></li>
    <li><a href="nf/">.NF</a></li>
    <li><a href="ag/">.AG</a></li>
    <li><a href="bz/">.BZ</a></li>
    <li><a href="hn/">.HN</a></li>
    <li><a href="lc/">.LC</a></li>
    <li><a href="sc/">.SC</a></li>
    <li><a href="vc/">.VC</a></li>
    <li><a href="tr/">.TR</a></li>
    <li><a href="ws/">.WS</a></li>
  </ul>
</li>
</ul>
</div>

Answer 1

尝试

$(function(){
    $('.sitemap > ul > li > a').replaceWith(function(){
        return $(this).text()
    })
})

演示：Fiddle

Answer 2

您想要完全删除<a href="general/international-gtlds/">International gTLDs</a>吗？

$("div.sitemap>ul>li>a").remove();

Answer 3

要停止超链接，您可以使用jQuery绑定.click()事件处理程序以捕获click并停止传播默认操作并跟随超链接。

jQuery(function($) {
    $('.sitemap > ul > li > a').click(function() {
        return false;
    });
});

或完全删除<a>，您可以使用：

$('.sitemap > ul > li > a').contents().unwrap();

See Demo

编辑：感谢@adeneo关于wordpress的noconflict提示

如何从一级UL中删除？

3 个答案: