노드의 값을 배열로 변환하고 특정 요소를 복제 한 다음 해당 클래스의 노드에 배열 항목을 추가하려고 시도합니다.

<body> 
    <section id="que-container"> 
     <div class="num" style="display: none">1000</div> 
     <section id="numberContainer"> 
      <span class="number"></span> 
     </section> 

     <br class="clear"> 
    </section> 
    <script src="components/jquery/jquery.min.js"></script> 
    <script src="components/bootstrap/js/bootstrap-button.js"></script> 
    <script src="components/bootstrap/js/bootstrap-carousel.js"></script> 
    <script src="js/scripts.js"></script> 
    <script> 
    $(document).ready(function(){ 
     var numbers = $('.number'); 
     var num = $(".num").html(); 
     var arr = num.split(''); 

     for (var i = 1; i < arr.length ; i++) { 
      $('#numberContainer').append(numbers.clone()); 
      $('.number').append(arr[i]); 
     } 

     $('.number').each(function(i, val) { 
      $(this).addClass('numStyle'); 
     }) 
    }); 
    </script> 
</body>

'.num'div의 값을 가져 와서 변환하려고합니다. 배열에 추가하고 배열의 항목을 'number'클래스가있는 범위 내의 '#numberContainer'에 추가합니다. 콘솔에서 오류가 발생하지 않지만 코드가 작동하지 않는 것 같습니다. 어떤 도움? 감사노드의 값을 배열로 변환하고 특정 요소를 복제 한 다음 해당 클래스의 노드에 배열 항목을 추가하려고 시도합니다.

출처

2012-12-27 hilarl

코드는 다음과 같은 수 있습니다

바이올린 : http://jsfiddle.net/DZJ6p/

var numbers = $('.number'); 
var num = $(".num").html(); 
var arr = num.split(''); 

for (var i = 0; i < arr.length; i++) { 
    $('#numberContainer').append(numbers.clone().append(arr[i])); 
} 

$('.number').each(function(i, val) { 
    $(this).addClass('numStyle'); 
});

출처

2012-12-27 06:15:03 Jai

당신은

$('.number').append(arr[i]);

또는 업데이트

numbers.append(arr[i]);

해야 여기

$('.numbers').append(arr[i]); // i didn't find any element with numbers class

잘못된 선택을

는 루프 VAR 내가 1 등으로 시작하여 ... 그래서의 첫 번째 인덱스가 누락 편곡 즉, 편곡 [0], 내가 여기

$('#numberContainer').append(numbers.clone().append(arr[i])); // u can use text(arr[i])) here

이 바이올린입니다 .. youe 코드에서 이것을 사용했다. 당신이 $('#numberContainer').append(numbers.clone());를 사용하는 이유 ..

http://jsfiddle.net/zLHxV/

출처

2012-12-27 05:38:00 bipen

나는 확실하지 않다. js fiddle에서 코드를 넣을 수 있습니까? 배열이 0 인덱스를 기반으로하기 때문에

출처

2012-12-27 05:49:42 Anusha

노드의 값을 배열로 변환하고 특정 요소를 복제 한 다음 해당 클래스의 노드에 배열 항목을 추가하려고 시도합니다.

답변

관련 문제