Обход с помощью jQuery и соответствующих элементов

Question

Я клонирую div (с h3, абзацем и кликабельной строкой тега) по щелчку строки тега и добавляю div к моей боковой панели. Существует несколько div с такой же структурой, и когда div уже клонирован, я хочу убедиться, что этот div не клонируется во второй раз. Чтобы добиться этого, я пытаюсь сопоставить текст H3 div, чья строка тега была нажата, с текстом H3 div, которые уже были клонированы. Если есть совпадение, я выскакиваю предупреждающее сообщение и не добавляю клонированный div в боковую панель.

Вот код, который у меня есть:

$(this).click(function(){ // where $(this) is the tag line

var clone = $(this).parents('.full_result').clone(); // on the click of the tag line, find the parent whose class is .full_result and clones it (.full_result is the class of all divs)

var jobsH3 = $(this).parents('.full_result').find('h3').text(); // returns the text of the H3 that is contained in the same div as the clicked tag line

var middleColumnInnerDiv=$('#middle_column').find('.full_result').find('h3').text(); // returns the text of all h3 whose divs have been cloned to the side bar(sidebar id= #middle_column)

// ниже, где должно произойти волшебство, но я не могу заставить его работать. Перепробовал несколько селекторов и методов. Содержит является одним из них.

  $(this).parents('.full_result').find('h3').each(function(){
      if('middleColumnInnerDiv:contains(jobsH3)'){ // this line is giving me a headache
     alert('You already saved this information');   
      } else {
           clone.appendTo('#middle_column').hide().fadeIn(750);
    }               
   });
};

Любая помощь высоко ценится!

Answer 1

Вам не хватает $ JQuery обозначение попробуй это $("middleColumnInnerDiv:contains('.jobsH3')")