1

私は次のhtmlを持っています -

<ul>
   <li class=".item">
      <a href="test">
         <li class=".item">
            <a href="test">
               <li class=".item">
                  <a href="http://test">
                        Real content 1
                  </a>
                </li>
            </a>
         </li>
      </a>
   </li>
   <li class=".item">
      <a href="test">
         <li class=".item">
            <a href="test">
               <li class=".item">
                  <a href="http://test">
                       Real Content 2
                  </a>
                </li>
            </a>
         </li>
      </a>
   </li>
</ul>

これは、アプリケーションによってレンダリングされた出力です。li は同じクラスでネストされています。最も内側のものを用意し、ダミーの親を削除して、これを取得する必要があります-

<ul>
   <li class=".item">
      <a href="test">
         Real Content 1
      </a>
   </li>
   <li class=".item">
      <a href="test">
         Real Content 2
      </a>
   </li>
</ul>

JQueryを使用してこれを達成する方法はありますか?

4

1 に答える 1

3

jsfiddle 

$("ul >li").filter(function(){
      return $(this).text().trim() == ''
}).remove();

 $('ul li  a').filter(function(){
         return $(this).text().trim() == ''
}).remove();

</p>

于 2012-10-24T19:36:32.467 に答える