평범한 연구소

[jQuery] 형제 태그(div)의 내용(p) 가져오기 본문

Pront/jQuery

[jQuery] 형제 태그(div)의 내용(p) 가져오기

soyeonisgood 2022. 11. 11. 14:20
	<div class=0"input-session education-input">
                <div class="input-title"><h4>학력 사항</h4></div>
                    <div class="input-box">
                        <div>
                            <p>
                                 <input type="text" name="schoolName" class="form-control" style="width: 27%;"
                                    placeholder="학교명을 입력하세요">
                                 <input type="date" name="schoolDate1" class="form-control" style="width: 27%;"
                                    placeholder="입학날짜를 입력하세요"> ~ 
                                 <input type="date" name="schoolDate2" class="form-control" style="width: 27%;"
                                    placeholder="졸업날짜를 입력하세요">
                                 <span class="schoolRemoveBtn" style="float: right;"><i class="far fa-minus-square"></i></span>
                            </p>
                        </div>
                        <div style="text-align: center; margin-top: 10px;">
                             <button type="button" class="btn schoolAddBtn">추가</button>
                        </div>
                    </div>
                </div>
$(function() {
	$(".schoolAddBtn").click(function() {
		const p = $(this).parent().parent().find("div:first-child :first").clone();
		$(p).find("input").each(function() {
			$(this).val("");
		});
		
		// $(this).parent().parent().find("div:first").append(p);
		$(this).closest(".input-box").find("div:first").append(p);
	});
});