Как я могу выполнить сравнение строк из элемента списка в элементах в массиве

Question

Я пытаюсь взять содержимое отдельных элементов списка в одном UL, а когда щелкнуть, добавьте значение этого индивидуального LI в array и добавьте текстовую строку элемента списка в элемент упорядоченного списка в другом месте страницы.

У меня возникли проблемы с сравнением строки щелкнутого LI, итерации по массиву, чтобы убедиться, что строка LI указана один раз, а затем добавление текста в OL. Помогите оценить.

var list = $('.list'), 
    listItem = $('.list li'), 
    container = $('.list-content ul'), 
    containerItem = $('.list-items li'); 
    itemArray = []; 

    listItem.on({ 

     'click' : function(){ 
      var current = $(this), 
      currentText = $(this).text(); 

      if(itemArray.length <= 0) { 

       itemArray.push(currentText); 
       $('<li>'+ currentText + '</li>').appendTo(container); //add text to new area 

      }else{ 
       for(var count = 0; count < itemArray.length; count++){ 
        if(currentText === itemArray[count]){ 
         return false; 
         break; 
        } else { 
         itemArray.push(currentText); 
         $('<li>'+ currentText + '</li>').appendTo(container); //add text to new area 
         break; 
        } 
       } 
      } 

     }//end of click function 
    }); 

Answer 1

Вы можете использовать $.inArray(), чтобы проверить, является ли объект присутствует в массиве

это должно сделать

var list = $('.list'), 
    listItem = $('.list li'), 
    container = $('.list-content ul'), 
    containerItem = $('.list-items li'), 
    itemArray = []; 



listItem.on({ 
    'click' : function(){ 
     var current = $(this), 
      currentText = $(this).text(); 

     if($.inArray(currentText, itemArray) == -1){ 
      itemArray.push(currentText); 
      $('<li>'+ currentText + '</li>').appendTo(container); //add text to new area 
     } 
    }//end of click function 

}); 

Демо: Fiddle