Изменение содержимого div с javascript

Question

У меня есть функция ImageIndexing(type,data), которая вернет строку в соответствии с двумя переменными. Чем у меня есть классы: portoflioTitle, portfolioThumbnail, portoflioBig; и мне нужно изменить их содержание, src, id соответственно их data-title, data-thumb и data-big. Его очень трудно объяснить, поэтому позвольте мне попробовать.

Итак:

1. После загрузки страницы функция выполняется.
2. Во-первых, функция меняет innerHTML (содержание) всех div с классом portfolioTitle. Он изменяет его через функцию ImageIndexing, к которой он передает 'title' как тип, так и его data-title в качестве данных. Затем функция ImageIndexing вернет строку, необходимую для изменения innerHTML. (вы можете это понять до сих пор?)
3. Он повторяет то же самое с другими классами. С portfolioThumbnail он передает 'image' как тип, так и его data-thumb в качестве данных, а затем устанавливает возвращаемую строку в ее src. portfolioBig передает 'big' и data-big и использует строку как ее id.

Answer 1

Редактировать: Вы должны использовать .attr для получения значения элемента. Updated jsFiddle здесь

Я не уверен, что вы действительно хотите, но из вашего комментария Я считаю, вы хотите знать, hwo передать данные-x и установить innerHTML соответствующего div.

Ниже приведена только приблизительная версия, сообщите нам, если у вас есть какие-либо вопросы.

$('div.portoflioTitle').each (function(index) { 

     $(this).html(ImageIndexing(this.title, $(this).attr('data-title'))); 

    }); 

    function ImageIndexing(type, data) { 
     //do w.e you have to do and return 

     return "<span>can return anything that you wanna set inside the div</span>"; 
    }