省略具有相似文本的元素，只留下一个带有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();

});

希望有所帮助：）

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