아래와 같이 두 개의 변수가 있고 변수 'a'의 두 번째 div 뒤에 두 번째 변수 'b'를 추가하고 싶습니다.
var a = `<form action='javascript:void(0)' class='nani_chat_form'>
<div class='nani_chat_name'><input placeholder='Name' type='text'></div>
<div class='nani_chat_email'><span class='error'></span><input placeholder='Email' type='text'></div>
<div class='nani_chat_phne'><span class='error'></span><input placeholder='Mobile'type='text'></div>
<div class='nani_chat_sub' style='text-align:center'><input type='submit' value='Submit'></div>
</form>`
var b = `<div class='nani_chat_city'><span class='error'></span><input placeholder='pincode' type='text'></div>`
예상 출력-
var c = `<form action='javascript:void(0)' class='nani_chat_form'>
<div class='nani_chat_name'><input placeholder='Name' type='text'></div>
<div class='nani_chat_email'><span class='error'></span><input placeholder='Email' type='text'></div>
<div class='nani_chat_city'><span class='error'></span><input placeholder='pincode' type='text'></div>
<div class='nani_chat_phne'><span class='error'></span><input placeholder='Mobile'type='text'></div>
<div class='nani_chat_sub' style='text-align:center'><input type='submit' value='Submit'></div>
</form>`
를 사용 jQuery.parseHTML()
하여 문자열을 DOM 노드의 배열로 구문 분석 하고 일치하는 요소 뒤에 요소.after()
를 삽입 하는 데 사용할 수 있습니다 .
다음을 사용하여 문자열 형식으로 DOM 노드를 반환 할 수 있습니다 .prop('outerHTML')
.
데모:
var a = `<form action='javascript:void(0)' class='nani_chat_form'>
<div class='nani_chat_name'><input placeholder='Name' type='text'></div>
<div class='nani_chat_email'><span class='error'></span><input placeholder='Email' type='text'></div>
<div class='nani_chat_phne'><span class='error'></span><input placeholder='Mobile'type='text'></div>
<div class='nani_chat_sub' style='text-align:center'><input type='submit' value='Submit'></div>
</form>`;
var b = `<div class='nani_chat_city'><span class='error'></span><input placeholder='pincode' type='text'></div>`
var c = $.parseHTML(a);
$(c).find('.nani_chat_email').after(b);
$('body').append(c); // append to test
console.log($(c).prop('outerHTML'));
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다