我有以下两个变量,并想在变量“ 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()
上,要匹配的元素之后插入元件。
您可以使用.prop('outerHTML')
以下命令以字符串形式返回DOM节点:
演示:
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] 删除。
我来说两句