아이디 추가를 클릭하면
id="fruit요소번호"를 나타내려합니다
기본상황
Copy
<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>클릭 후
Copy
<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> function add_num(){
$('.num').attr('id', );
}
에서 어찌추가를 해야할까요 ㅠ 조언이나 관련링크 부탁드립니다..
답변 4개 / 댓글 4개
채택된 답변
+20 포인트
에고 제가 바보짓을 했네요...
Copy
<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>
Copy
<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")) i.id = "fruit" + (n + 1);
}
</script>var id = $('.fruiit .num').length + 1;
$('.num').attr('id', "fruit" + id);
답변을 작성하려면 로그인이 필요합니다.
이까 코드도
{n + 1) 부분을 (n = n + 1) 로만 바꾸어도 됩니다.^^