루프를 사용하여 여러 div 요소를 만들 수 있습니까? JQUERY

내 코드에 어떤 문제가 있습니까?루프를 사용하여 여러 div 요소를 만들 수 있습니까? JQUERY

var pageLimit=30; 

$(document).ready(function() { 
for(var i = 1; i <= pageLimit; i++) { 
    $('#test').append('<div id="page' + i + '" class="touch">TESTING</ div>') 
} 
}

내가 원하는 것은 해당 기능을 pageLimit 값과 동일한 수의 div로 생성하는 것입니다. 따라서 코드에 들어가서 pageLimit을 50으로 변경하면 50 개의 div 태그가 생성됩니다.

body 태그에 포함 된 모든 것은 테스트 div입니다. 다른 div에 삽입하지 않고 몸에 넣고 싶었습니다. 그래서 #test를 body로 대체하려고 시도했지만 작동하지 않았습니다.

도와주세요! 감사.

편집 : 죄송합니다. 내 원래 코드에서 방금 여기에 그것을 복사 깜빡! 예,
태그는이 코드를 ...에 삽입하는 방법을 알고있었습니다. 죄송합니다. 나는 가지고있다); 내 원래 코드에서 여전히 작동하지 않습니다.

출처

2010-07-16 Annie

몇 가지 html 코드를 보여 주실 수 있습니까? 무엇을 가지고 계시 며, 코드가 조작을 완료하면 무엇을 갖고 싶습니까? –

은 모든 코드 행 앞에 4 개의 공백을 추가하면 stackoverflow에 올바르게 표시됩니다. – Fosco

HTML을 추가하려면 질문을 편집하고 (코드를 볼 때 수정 링크가 있어야 함) 코드 섹션을 강조 표시하고 '101010 '버튼을 클릭하여 코드 섹션을 조금 만드십시오. – justkt

문제의 끝 누락 된 간단한 문법 문제입니다. 당신은 실종되었다 ")". 항상 라인 엔딩을 추가해야합니다. 이 작품 : 그것은 여전히 문법 문제입니다 보인다

$(document).ready(function() { 
     for (var i = 1; i <= pageLimit; i++) { 
      $('#test').append('TESTING'); 
     } 
    });

출처

2010-07-16 14:19:14 Zacho

또한 여기에 최적화 된 코드가 있습니다. 이것은 하나의 DOM 조작으로 성능을 크게 향상시킵니다. var pageLimit = 30, testing = '테스트'; $ (문서) .ready (함수() { (var i = 1; i <= pageLimit; i ++) { testing + = testing; } $ ('# test').append (테스트); }}); – Zacho

누락 ");" 마지막 이후}.

$(document).ready(function() { 
    for (var i = 1; i <= pageLimit; i++) { 
     $('#test').append('TESTING'); 
    } 
});

출처

2010-07-16 14:16:19

document.body.innerHTML + = 'TESTING'은 어떻습니까? ?

출처

2010-07-16 14:16:24 Fosco

"$ (document) .body가 정의되지 않았습니다"오류가 발생했습니다. 당신이 문서를 JQeury 객체로 포장 했으므로. document.body ... JQuery가 필요 없다. –

아 그래, 좋은 캐치 감사합니다. – Fosco

http://jsfiddle.net/Q6Lnw/2/

당신은 준비 기능의 )

출처

2010-07-16 14:18:35

, 당신은 역 인용 부호를 제거하려고, 당신의 요소 문자열에 간단한 당시 따옴표 따옴표가있다. 그리고 물론, 귀하의 html로 <div id="test"></div> 있는지 확인하십시오.

$(document).ready(function() { 
    for(var i = 1; i <= pageLimit; i++) { 
    $('#test').append('<div id="page' + i + '" class="touch">TESTING</div>') 
    } 
});

질문에 오타가없는 한.

출처

2010-07-16 14:42:16 guzart

아니요 따옴표 안에 따옴표를 포함하려는 경우 외부 따옴표는 작은 따옴표로 묶어야하며 안쪽 따옴표는 큰 따옴표로 묶어야합니다. 메모장 + +를 사용하면 차이점을 볼 수 있습니다. 적어도 선생님이 가르쳐 준 방법! – Annie

나는 역 따옴표 (')에 대해 이야기하고있다. 내가 배치 한 코드에서 볼 수 있듯이, 저는 작은 따옴표와 큰 따옴표도 가지고 있습니다. – guzart

$('body').append('<div>TESTING</div>')

작동해야합니다. 당신의 작동하지 않는 코드는 어떻게 생겼을까요?

출처

2010-07-16 14:50:54 Lourens

루프를 사용하여 여러 div 요소를 만들 수 있습니까? JQUERY

답변

관련 문제