複数のメニューがあるとき、特定のメニュー以外は属性「href」を削除したいです

Question

実現したいこと

複数の親メニュの配下には、子のメニューにが存在してます。
li要素のクラス属性の値に「nav-5」が付与されている、親のメニューのリンク以外を全て削除したいのですがうまく動作しません。

よろしければ、ご教授よろしくお願いします。

###該当のソースコード

<ul id="nav" class="nav-regular opt-fx-fade-inout opt-sb0">
    <li class="nav-item nav-item--home level0 level-top active">
        <a class="level-top" href="http://www.fascinate.click/jp/"><span>ホーム</span></a>
    </li>
    <li class="nav-item level0 nav-1 level-top first nav-item--parent mega nav-item--only-subcategories parent">
        <a href="http://www.fascinate.click/jp/brand.html" class="level-top"><span>BRAND</span><span class="caret">&nbsp;</span></a>
    </li>
    <li class="nav-item level0 nav-2 level-top nav-item--parent mega nav-item--only-subcategories parent">
        <a href="http://www.fascinate.click/jp/clothing.html" class="level-top"><span>ITEM CATEGORY</span><span class="caret">&nbsp;</span></a>
    </li>
    <li class="nav-item level0 nav-3 level-top nav-item--parent mega nav-item--only-subcategories parent">
        <a href="http://www.fascinate.click/jp/sale-01.html" class="level-top"><span>SALE</span><span class="caret">&nbsp;</span></a>
    </li>
    <li class="nav-item level0 nav-4 level-top nav-item--parent mega nav-item--only-subcategories parent">
        <a href="http://www.fascinate.click/jp/pre-order.html" class="level-top"><span>Pre Order</span><span class="caret">&nbsp;</span></a>
    </li>
    <li class="nav-item level0 nav-5 level-top nav-item--parent mega nav-item--only-blocks parent">
        <a href="http://www.fascinate.click/jp/our-store.html" class="level-top"><span>店舗情報</span><span class="caret">&nbsp;</span></a>
    </li>
    <li class="nav-item level0 nav-6 level-top last classic">
        <a href="http://www.fascinate.click/jp/blog.html" class="level-top"><span>Blog</span></a>
    </li>
</ul>

<!-- クラス属性の値が「nav-5」以外の親メニューのリンクを削除する -->
<script type="text/javascript">
//<![CDATA[
jQuery(document).ready(function(){
    if (!jQuery("#nav>li").hasClass("nav-5")) {
        jQuery("#nav>.parent>a").removeAttr("href");
    }
});
//]]>
</script>

Comments

[kei344]

aタグの有る親メニューまでのHTMLを提示いただけませんか？

[marshmallowy]

情報不足により編集機能から情報を追記させて頂きました

Answer 1

たとえばこんな感じ？

<script>
$(function(){
  $("#nav>li>a").each(function(){
    if(!$(this).closest('li').hasClass('nav-5')){
      $(this).removeAttr('href');
    }
  })
  })
</script>

Comments

[marshmallowy]

答えまで頂いて誠にありがとうございます。
問題なく動作しています。

[marshmallowy]

また、今後、条件が複数増えた場合どのように対応すればよろしいでしょうか？

[yambejp]

クラスに特定の文字を含まないという条件ですと結構厳しいですね
直接的なセレクタがないみたいなので

無理やりやるならたとえば合致したタグにフラグをたてておいて
フラグのないものに処理をしてフラグを外すとか

<script>
$(function(){
$('#nav>li.nav-5>a').attr('flag',1);
$('#nav>li>a[flag!=1]').removeAttr('href');
$('#nav>li>a[flag=1]').removeAttr('flag');
})
</script>

[marshmallowy]

ご丁寧に再度ご教授いただきまして誠にありがとうございます。
では、失礼します。