Копирование класса формы массива

У меня есть меню выбора, которое изменяет содержимое таблицы для каждого параметра. (первая секунда)

что я пытаюсь сделать, это скопировать содержимое таблицы [что я просто могу получить доступ к ее элементу по имени класса "bullet-item"], а затем добавить к нему некоторый текст, когда пользователь выбирает вариант затем отобразите новый контент.

Я использую следующий код, но он не работает. в моих таблицах ничего не меняется Думаю проблема в копировании массива

то, что я пытаюсь сделать, похоже на это видео https://www.useloom.com/share/772743b97bbc4ac5839e418bfb527d78

*Примечание. Я не могу использовать разные идентификаторы или классы, потому что использую таблицу WordPress.

это меню выбора

      <select id = "select" >
      <option value = "first">First</option>
       <option value = "secoend">Secoend</option>
        </select>

это стол

 <div class = "bullet-item" title = ""><span class = "text">Point of sale with one 
 single login account</span></div>
 <div class = "bullet-item" title = ""><span class = "text">Manage inventory of 50 
  products</span></div>
 <div class = "bullet-item" title = ""><span class = "text">Manage sales 
  invoices</span></div>
 <div class = "bullet-item" title = ""><span class = "text">Manage Purchase 
  Invoices</span></div>
<div class = "bullet-item" title = ""><span class = "text">Detailed reports</span> 
</div>
<div class = "bullet-item" title = ""><span class = "text">Technical support 
throughout the subscription period</span></div>
  <div class = "bullet-item" title = ""><span class = "text">Calculate the VAT 
value</span></div>
 <div class = "bullet-item" title = ""><span class = "text">Training for your 
  team</span></div>
  <a href = "/en/pos/?add-to-cart=203" target = "_self" class = "button primary"  
  style = "border-radius:10px;">
   <span>add to cart</span>
    </a>
    </div>

а это jquery

jQuery(document).ready(function( $ ){
         // Your code in here  
         $(document).ready(function(){
          var theOrginal =[];
           var forOption1=[];
           var forOption2=[];
          $('.bullet-item').each(function(index, obj) {
          theOrginal.push($(this).text());
           });
          console.info(theOrginal);
          $("#select").change(function(){

         var selected = $("#select").children("option:selected").val();
         if (selected.localeCompare("first")==0){
         forOption1=[];
    for(var i=0;i<theOrginal.length;i++){
     forOption1.push(arr[i]+"2");}
     console.info(forOption1);
      $('.bullet-item').each(function(index, obj) {
      $(this).text() =forOption1[index];
      });
      }
     else{
      forOption2=[];
      for(var i=0;i<theOrginal.length;i++){
      forOption2.push(arr[i]+"3");}
      console.info(forOption2);
      $('.bullet-item').each(function(index, obj) {
      $(this).html( forOption2[index]);
         });
       }
         });
       }); 
       });