jquery - 省略文本相似的元素，只保留一个与 jquery

Question

我有一个这样的列表：

<ul>
   <li>
     <span>USA:</span> Newyork
     <span>USA:</span> Dallas
   </li>
   <li>
     <span>France:</span> Paris
     <span>France:</span> Lyon
     <span>France:</span> Toulouse
   </li>
</ul>

编辑：我想要这个：

<ul>
   <li>
     <span>USA:</span> 
        Newyork
        Dallas
   </li>
   <li>
     <span>France:</span> 
        Paris
        Lyon
        Toulouse
   </li>
</ul>

我只想留下一个USA，France并在国家下面列出他们的城市。我怎么能用 jQuery 做到这一点？

提前致谢

Answer 1

像这样的东西应该可以解决问题。

$('ul li').each(function(){

    $(this).find('span').filter('span:not(:first)').remove();

});

希望有帮助:)

（但请记住，您不会有任何换行符，当页面实际在浏览器中呈现时，它看起来会有点紧凑。）