자바 스크립트를 사용하여 div의 내용을 변경하십시오.

Question

두 변수에 따라 문자열을 반환하는 ImageIndexing(type,data) 함수가 있습니다. 나는 수업을 가지고있다 : portoflioTitle, portfolioThumbnail, portoflioBig; 콘텐츠를 변경하려면 data-title, data-thumb 및 data-big에 따라 src, id이 필요합니다. 설명하기가 정말 힘듭니다.

은 그래서 : 페이지가로드

1. 후 기능이 실행됩니다.
2. 먼저이 함수는 portfolioTitle 클래스의 div 전체의 innerHTML (내용)을 변경합니다. 'title'을 유형으로 전달하고 data-title을 데이터로 사용하여 ImageIndexing 함수를 변경합니다. ImageIndexing 함수는 innerHTML을 변경해야하는 문자열을 반환합니다. (지금까지 이해할 수 있습니까?)
3. 다른 클래스와 동일하게 반복됩니다. portfolioThumbnail을 입력하면 형식으로 'image'이 전달되고 data-thumb이 데이터로 전달되고 반환되는 문자열은 src으로 설정됩니다. portfolioBig은 'big'과 data-big이며 그 문자열은 id입니다.

Answer 1

편집 : 요소의 값을 가져 오려면 .attr을 사용해야합니다. jsFiddle 여기

당신이 정말로 원하는지 모르겠지만 귀하의 의견에서 나는 당신이 hwo 데이터 - 엑스를 전달하고 해당 div의 innerHTML을 설정 알고 싶습니다 믿습니다.

아래는 대략적인 버전입니다. 질문 사항이 있으면 알려주십시오.

$('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>"; 
    }