제이쿼리 , 자바스크립트 질문입니다.. 채택완료
바트컨트롤
3년 전
조회 2,403
아이디 추가를 클릭하면
id="fruit요소번호"를 나타내려합니다
기본상황
</p>
<p><input type="button" id="add" value="아이디추가" onclick="add_num()">
<div class="fruit">
<p class="num">사과</p>
<p class="num">오렌지</p>
<p class="num">아보카도</p>
</div></p>
<p>
클릭 후
</p>
<p><input type="button" id="add" value="아이디추가" onclick="add_num()">
<div class="fruit">
<p class="num" id="fruit1">사과</p>
<p class="num" id="fruit2">오렌지</p>
<p class="num" id="fruit3">아보카도</p>
</div></p>
<p> function add_num(){
$('.num').attr('id', );
}
에서 어찌추가를 해야할까요 ㅠ 조언이나 관련링크 부탁드립니다..
댓글을 작성하려면 로그인이 필요합니다.
답변 4개
채택된 답변
+20 포인트
3년 전
에고 제가 바보짓을 했네요...
</p>
<p><input type="button" id="add" value="아이디추가" onclick="add_num()">
<div class="fruit">
<p class="num">사과</p>
<p class="num">오렌지</p>
<p class="num">아보카도</p>
</div>
<script>
function add_num() {
n = 0;
for (i of document.getElementsByClassName("num")) {
n++;
i.id = "fruit" + n;
}
}
</script></p>
<p>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 2개
�
비타주리
3년 전
�
바트컨트롤
3년 전
감사합니다 ㅜ 바로 해결했네요!!
댓글을 작성하려면 로그인이 필요합니다.
마르스컴퍼니
Expert
3년 전
</p>
<p>function add_num() {</p>
<p> $('.num').each(function(idx) { </p>
<p> $(this).attr('id', 'fruit' + (idx + 1));</p>
<p> });</p>
<p>}</p>
<p>
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
3년 전
</p>
<p><input type="button" id="add" value="아이디추가" onclick="add_num()">
<div class="fruit">
<p class="num">사과</p>
<p class="num">오렌지</p>
<p class="num">아보카도</p>
</div></p>
<p><script>
function add_num() {
n = 0;
for (i of document.getElementsByClassName("num")) i.id = "fruit" + (n + 1);
}
</script></p>
<p>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
바트컨트롤
3년 전
<div class="fruit">
<p class="num" id="fruit1">사과</p>
<p class="num" id="fruit1">오렌지</p>
<p class="num" id="fruit1">아보카도</p>
</div>
이렇게 나와버리네요 ㅠ
그래도 친절한 답변 감사합니다
<p class="num" id="fruit1">사과</p>
<p class="num" id="fruit1">오렌지</p>
<p class="num" id="fruit1">아보카도</p>
</div>
이렇게 나와버리네요 ㅠ
그래도 친절한 답변 감사합니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
이까 코드도
{n + 1) 부분을 (n = n + 1) 로만 바꾸어도 됩니다.^^