2014-01-23 3 views
0

내 js 스크립트에 약간의 문제가 있습니다. 완벽하게 실행되지만 브라우저에서 무한대처럼 실행 단계에 있습니다. 브라우저가 멈추지 않습니다.jquery를 사용하여 사용자 정의 속성 변경 콘텐츠

<!DOCTYPE html> 
<html> 
    <head> 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
     <meta charset=utf-8 /> 
     <title>JS Bin</title> 
    </head> 
    <body> 

     <p MyTag="home_id">home</p> 
     <p>33333333333</p> 
     <p MyTag="content_id">Content</p> 
     <script> 
      $(document).ready(function(){ 
      var a = 'New text'; 
      $('[MyTag]').each(function(index) { 
      document.write(index + ': ' + a + "<br>"); 
      }); 
      }); 
     </script> 
    </body> 
</html> 
+1

전역 수준에서 완전히 새로운 속성을 만드는 대신 데이터 속성을 사용해보십시오. http://www.w3schools.com/tags/att_global_data.asp – gpgekko

답변

2

에서 append -method를 사용합니다.

$(document).ready(function(){ 
    var a = 'New text'; 
    $('[MyTag]').each(function(index) { 
    $(this).html(index+':'+a); 
    $(this).val(index+':'+a); 
    }); 
}); 

html() : HTML 문서에서 .html()을 사용하여 요소의 내용을 가져 오거나 설정할 수 있습니다.
val() : 일치하는 요소 집합의 첫 번째 요소의 현재 값을 가져 오거나 일치하는 모든 요소의 값을 설정합니다.

0

+0

당신이 한 일과 왜 OP 방식으로 작동하지 않는지 설명해 주시겠습니까? – putvande

+0

각 [MyTag]에 값을 설정 하시겠습니까? –

+0

답변 해 주셔서 감사합니다. 그 유용한. 하지만 모든 MyTag에도 같은 코드를 사용하여 값을 설정하고 싶습니다. 그것은 입력, 체크 박스, 선택 될 수 있습니다. –

0

이 document.write를 사용하지 마십시오이

$(document).ready(function(){ 
     var a = 'New text'; 
     $('[MyTag]').each(function(index) { 
     $(this).html(index+':'+a); 
     }); 
    }); 

행운을하려고이 코드에 어떤 문제가 있습니다, 또는 당신은 종종 이러한 문제를 처리해야 . 당신이 그런 요소에 일부 콘텐츠를 추가하려면, 아래 사용할 수있는 모든 태그에 값을 변경하려면 jQuery를

$('.element').append($("<span />").text("your text..")); 
관련 문제