자바스크립트 for문 안에 함수 쓰는 법 채택완료
밀리지
9년 전
조회 15,436
안녕하세요?
아래와 같은 코드를 뒤에 숫자만 바꿔서 (toggle1, toggle2, toggle3.. 이런 식으로)
총 5개의 스크립트를 만들어서 사용했습니다.
$(document).ready(function(){
$("#toggle1").click(function(){
$("#ttext1").toggle();
});
});
내용
그러나 스크립트 1개만으로 5개의 버튼에 각각 적용될 수 있도록 쓰고 싶습니다.
그래서 for문안에 함수를 넣어 봤습니다.
결과는 안됩니다.
다음과 같이 코드를 짜봤는데 뭐가 문제인지 조언 부탁드립니다.
for(var i=0; i<5; i++) {
$(document).ready(function(){
$("#toggle" + i).click(function(){
$("#text" + i).toggle("slow");
});
});
}
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
9년 전
</p><p><script>
$(document).ready(function() {
$("button").on("click", function() {
var n = $(this).attr("id").substr(-1);
$("#text" + n).toggle("slow");
});
});
</script>
<p hidden id="text1">내용</p>
<button id="toggle1">버튼</button>
<p hidden id="text2">내용</p>
<button id="toggle2">버튼</button></p><p>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
밀리지
9년 전
존경합니다!
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인