如何在jquery中的另一个字符串中间附加一个字符串变量?

纳尼09

我有以下两个变量,并想在变量“ 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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在Python中将一个字符串附加到另一个字符串?

如何在R中的另一个字符串向量中grep一个字符串向量

如何在Lua中的另一个字符串中插入一个字符串?

如何在Shell中获取另一个字符串中一个字符串的行号

如何在另一个字符串中搜索一个字符串?

如何在Swift中检查一个字符串是否包含另一个字符串?

如何检查一个变量是否等于一个字符串或另一个字符串?

如何检查一个变量是否等于一个字符串或另一个字符串?

计算一个字符串在另一个字符串中每个字符的出现次数

不能用存储在变量中的另一个字符串替换一个字符串

如何在字符串末尾附加一个字符串?

如何在另一个字符串中包含字符串

如何在另一个字符串中查找长度可变的字符串

如何在oracle mybatis sql的另一个字符串的末尾添加一个字符串?

如何在流中将一个字符串映射到另一个字符串?

如何在另一个字符串的x位置插入一个字符串?

使用getch后如何在另一个字符串的末尾连接一个字符串

如何将一个字符串数组存储到另一个字符串数组中?

如何测试一个字符串是否在鱼壳中包含另一个字符串?

Ruby:如何计算一个字符串出现在另一个字符串中的次数?

如何从终端用更多文件中的另一个字符串替换一个字符串?

如何从另一个字符串中“减去”一个字符串?

当一个字符串在另一个字符串中时如何从数据库获取数据?

如何计算一个字符串在VBA中另一个字符串中出现的次数?

如何用数据框中的另一个字符串替换一个字符串?

如何从另一个字符串中删除一个字符串?

如何检查一个字符串的字母是否在另一个字符串中以给定的顺序存在?

R 如何计算一个字符串向量在另一个字符串向量中的出现次数

如何在每 N 个字符后将一个字符串附加到另一个字符串?