Найти текст (в цикле) с помощью фильтра и добавить другой div с помощью thumbmail с jQuery

Question

Я пытаюсь фильтровать через цикл результатов, чтобы найти конкретный текст, если он существует, я хочу добавить один div с миниатюрой образ. У меня есть работы, но он добавляет все div в цикле. Я пробовал.() Ближайший и .parent(). Все из которых присоединяют все div в цикле. Я хочу только добавить ближайший div в отфильтрованный текст.

Что я делаю неправильно?

if($("span").text().indexOf('90509BR') >= 0) { 
     $('div.little-img').parent().find('div.little-img').append('<img style="float:left;" height="75px" width="75px" id="theImg" src="/images/uploads/EPDM_Yellow_Peroxide_p8sm.png" />'); 
    } 

Вот скрипку http://jsfiddle.net/C9Fft/4/

Answer 1

.closest не будет работать в контексте вашей разметки.

Вам нужно будет пересечь дерево по-другому.

http://jsfiddle.net/justiceerolin/zVe69/

$('span:contains("90509BR")').parent().prev('div.little-img') 
     .append('<img style="float:left;" height="75px" width="75px" id="theImg" src="/images/uploads/EPDM_Yellow_Peroxide_p8sm.png" />'); 

:contains делает текстовый поиск. parent() поднимается до .small, а prev смотрит на элемент перед ним.

Answer 2

$('span:contains("90509BR")').closest('div.little-img').append('<img style="float:left;" height="75px" width="75px" id="theImg" src="/images/uploads/EPDM_Yellow_Peroxide_p8sm.png" />');