javascript - 如何在列表中随机数量的标签的单词中剪切部分字符串？

Question

这是我所拥有的一个简单示例:

<div>
   <ul>
      <li>
         <a href="">
           <label>Example1 something I don't want</label>
         </a>
      </li>
      <li>
         <a href="">
           <label>Example2 something I don't want</label>
         </a>
      </li>
      <li>
         <a href="">
           <label>Example3 something I don't want</label>
         </a>
      </li>
      <li>
         <a href="">
           <label>Example4 something I don't want</label>
         </a>
      </li>
      <li>
         <a href="">
           <label>Example5 something I don't want</label>
         </a>
      </li>
   </ul>
</div>

我的代码结构是这样的。这是自动生成的，所以在这个<div>有时会有更多<li>标签(里面有内容)或更少取决于它从数据库中获取的数据。

我想做的是使用 javascript 和 jquery 获取列表并将标签的内容从单词“something”剪切到它的末尾，这样它就不会出现。

单词总是 de same(某物)，所以我想做的是阅读该单词并将其与后面的其余文本一起剪掉。

结果应该是这样的:

    <div>
       <ul>
          <li>
             <a href="">
               <label>Example1</label>
             </a>
          </li>
          <li>
             <a href="">
               <label>Example2</label>
             </a>
          </li>
          <li>
             <a href="">
               <label>Example3</label>
             </a>
          </li>
          <li>
             <a href="">
               <label>Example4</label>
             </a>
          </li>
          <li>
             <a href="">
               <label>Example5</label>
             </a>
          </li>
       </ul>
    </div>

我希望我的解释是正确的。

有什么问题可以问我!

Answer 1

你可以使用substr():

var cutWord = 'something';
$('ul li').each(function(){
  var text = $(this).find('label').text();
  var newText = text.substr(0, text.indexOf(cutWord)).trim();
  $(this).find('label').text(newText);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
   <ul>
      <li>
         <a href="">
           <label>Example1 something I don't want</label>
         </a>
      </li>
      <li>
         <a href="">
           <label>Example2 something I don't want</label>
         </a>
      </li>
      <li>
         <a href="">
           <label>Example3 something I don't want</label>
         </a>
      </li>
      <li>
         <a href="">
           <label>Example4 something I don't want</label>
         </a>
      </li>
      <li>
         <a href="">
           <label>Example5 something I don't want</label>
         </a>
      </li>
   </ul>
</div>