forloop을 사용하여 동적 HTML을 작성하는 방법

Question

동적으로 테이블을 만들고 싶습니다. 일부는 루프가있는 다른 URL에 대한 링크가 있습니다. 각각의 내부에는 배열로부터 채워진 동적 값을 갖는 동적 HTML을 채 웁니다. . 내 코드는 다음과 같습니다. 이 코드를 실행하면 js가 배열을 반환합니다. "예기치 않은 tocken '에 대한' ', 나는 그것도 시도했다 .. 오류가 다시 동일합니다. .. 나는 당신의 코드 들여 쓰기 및 형식을 수정하려고

html += '<tr class="' + (i % 2 == 0 ? 'grid_color' : '') + '" data-type="record" data-record-id="' + records[i].id + '" data-row-index="' + i + '">' 

+ '<td data-table-col="16" title="' + Samples.htmlEntities(records[i].name_id) + '">' + 
for (i = 0; i < nameSplit.length; i++) { 
    if (nameSplit[i] != "None") { 
     name = nameSplit[i].split("."); 
     name = name.shift(); 
     '<a target = "_blank" href="http://www.google.com/' + name + '">' + name.substr(0, 10/nameSplit.length) + (name.length > 10/nameSplit.length ? '...' : '') + '</a>' 
    } else { 
     if (i != nameSplit.length - 1) { 
      "|"; 
     } 
    } else { 
     if (i != nameSplit.length - 1) "None".concat("|"); 
     else "None"; 
    } 
} 
} 
'</td>' 

Answer 1

을 괴물 나를 도와하지만 나를 위해 단지를 읽을 수 있었다. 그러나 어쨌든, 나는 당신을 당신의 특정한 요구에 맞추는 예로서 그것을 할 것입니다. 어딘가에 코드에서 당신이 ... + for(...) 같은 것을 가지고 문제가 해결되지 않기 때문에

는

var html = "<table>"; 
for(var i = 0; i<someCondition; i++){ 
    html +="<tr><td>Cell 1</td><td>Cell 2</td><tr>"; 
} 
html += "</table>"; 

당신이 점점 오류가 for 루프는 그것에서 아무것도 얻을 수 없습니다 때문에 반환하지 않습니다이다.

Answer 2

이렇게하면 안됩니다. 문자열을 추가하는 경우 문자열이 필요합니다. 그 시점에서 코드를 작성하면 실제 문자열을 생성하는 코드가 아니라 잘못된 문자열로 표시됩니다.

'html'에 문자열을 추가하는 부분 앞에 모든 스크립트를 넣어야합니다.
HTML 소스 코드에이 코드를 직접 작성한 경우 (끔찍한 접근법), 스크립트를 적용하는 기본 사항에 대해 읽어야합니다 (그보다 더 경험이 많았 음).

그래서 : "html + A + B + ..."앞에 스크립트를 넣으십시오.