jquery - 使用 JQUery 删除具有相同类的嵌套元素，保留最里面的元素

Question

我有以下 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 实现这一目标吗？

Answer 1

jsfiddle

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

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

​</p>