如果文本溢出,如何从<li>中删除第一个单词？

Question

<li>如果文本溢出,我想删除我的第一个单词.

这是我的导航栏

有任何想法吗？

这是我的代码.

<div class="box-heading box-sections box-block">
    <div class="nav">
        <ul id="menu">
            <?php foreach ($products as $product){ ?>
            <li><a href="#Section<?php echo $product['product_id']; ?>"><?php echo $product['name']; ?></a></li>
            <?php } ?>
        </ul>
    </div>
</div>

我想让我<li>展示ANIMALS,CARS,CITYSCAPE并从中删除"CUSTOM".

Answer 1

如果一个菜单项文本超过给定宽度，下面的程序将从菜单中删除第一个单词的所有项目。小提琴

var items = $("#menu li a");

 items.each(function(index, item){
   if($(item)[0].offsetWidth < $(item)[0].scrollWidth){

   //remove first word in all items tabs
   items.each(function(index, item){
       $(item).text($(item).text().split(" ").splice(1,1)[0]);
   });

   //break main each loop
   return false;
   }
});