Как добавить строковую переменную в середине другой строки в JQuery?

Как добавить строковую переменную в середине другой строки в JQuery?

Вы можете использовать jQuery.parseHTML() для анализа строки в массиве узлов DOM и использовать .after() для этого, чтобы вставить элемент после соответствующего элемента.

Вы можете вернуть узлы DOM в виде строки, используя .prop('outerHTML') :

Демоверсия:

 var a = `{amp}lt;form action='javascript:void(0)' class='nani_chat_form'{amp}gt; {amp}lt;div class='nani_chat_name'{amp}gt;{amp}lt;input placeholder='Name' type='text'{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;div class='nani_chat_email'{amp}gt;{amp}lt;span class='error'{amp}gt;{amp}lt;/span{amp}gt;{amp}lt;input placeholder='Email' type='text'{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;div class='nani_chat_phne'{amp}gt;{amp}lt;span class='error'{amp}gt;{amp}lt;/span{amp}gt;{amp}lt;input placeholder='Mobile'type='text'{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;div class='nani_chat_sub' style='text-align:center'{amp}gt;{amp}lt;input type='submit' value='Submit'{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;/form{amp}gt;`; var b = `{amp}lt;div class='nani_chat_city'{amp}gt;{amp}lt;span class='error'{amp}gt;{amp}lt;/span{amp}gt;{amp}lt;input placeholder='pincode' type='text'{amp}gt;{amp}lt;/div{amp}gt;` var c = $.parseHTML(a); $(c).find('.nani_chat_email').after(b); $('body').append(c); // append to test console.log($(c).prop('outerHTML')); того, как var a = `{amp}lt;form action='javascript:void(0)' class='nani_chat_form'{amp}gt; {amp}lt;div class='nani_chat_name'{amp}gt;{amp}lt;input placeholder='Name' type='text'{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;div class='nani_chat_email'{amp}gt;{amp}lt;span class='error'{amp}gt;{amp}lt;/span{amp}gt;{amp}lt;input placeholder='Email' type='text'{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;div class='nani_chat_phne'{amp}gt;{amp}lt;span class='error'{amp}gt;{amp}lt;/span{amp}gt;{amp}lt;input placeholder='Mobile'type='text'{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;div class='nani_chat_sub' style='text-align:center'{amp}gt;{amp}lt;input type='submit' value='Submit'{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;/form{amp}gt;`; var b = `{amp}lt;div class='nani_chat_city'{amp}gt;{amp}lt;span class='error'{amp}gt;{amp}lt;/span{amp}gt;{amp}lt;input placeholder='pincode' type='text'{amp}gt;{amp}lt;/div{amp}gt;` var c = $.parseHTML(a); $(c).find('.nani_chat_email').after(b); $('body').append(c); // append to test console.log($(c).prop('outerHTML')); 
 {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"{amp}gt;{amp}lt;/script{amp}gt; 
Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector