高分请教:jquery 复制DIV内容到另一个div中该如何实现?

阳光与我同行 2017-07-07 07:16:29

jquery 复制DIV内容到另一个div中

例如下代码:

<i class="m_tab" id="A_name">张三</i>
<i class="m_tab" id="A_sex">男</i>
<i class="m_tab" id="A_age">30</i>

把以上已生成的内容对应复制到下面input框里:

<input class="m_input" id="B_name" value="张三">
<input class="m_input" id="B_sex" value="男">
<input class="m_input" id="B_age" value="30">

用jquery应该什么写？请贴出代码，谢谢！
-----------------------------------------------------------------------

我测试过，但只针对innerText有效；value无效：

function showDiv(xid){

var div1 = $('#A_'+xid),a = $('#B_cname');
var div2 = $('#A_sex'),b = $('#B_sex');
var div3 = $('#A_age'),c = $('#B_age');

for(var i=0;i<div1.length;i++){a.append(''+div1[i].innerText+'')}
for(var i=0;i<div2.length;i++){b.append(''+div2[i].innerText+'')}
for(var i=0;i<div3.length;i++){c.append(''+div3[i].innerText+'')}

...全文

622 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

weixin_44221806 2019-09-16

打赏
举报

阳光与我同行 2017-07-07

打赏
举报

02楼的也可以，只是我这里面用的属性不只针对input，还有option和textarea

阳光与我同行 2017-07-07

打赏
举报

我已经研究出来了，不过还是要感谢两位能够从百忙中帮我细细解答。虽然没帮上，但还是给你们分吧，也可能是我说得不够清楚。01楼的代码我测试过，ID传递过去后只能显示一条，下面的几条显示不了。是这样的，我想要的结果是： 1、通过双击li且记录ID，然后把已生成的数据复制给浮动层。如： <li onDblclick="showDiv(获取id)"><i><i class="m_tab" id="A_name(获取id)">张三</i> function showDiv(xid){ document.getElementsByClassName("div_main")[0].style.display="block"; var str1 = document.getElementById("A_name"+xid).innerText;document.getElementById("B_cname").value = str1; 只能这样一条一条复制了，刚开始看01楼做得挺简单实用，后来想想，我这里面不单单有input,还有option和textarea，所以我还是用我的方法比较简单，就是一条一条这样地加累计起来有点多哈

Go 旅城通票 2017-07-07

打赏
举报

a,b,c是jquery对象，要用val方法设置值

<script type="text/javascript" src="https://cdn.bootcss.com/jquery/1.7.1/jquery.min.js"></script>
<i class="m_tab" id="A_name1">张三-1</i>
<i class="m_tab" id="A_sex1">男-1</i>
<i class="m_tab" id="A_age1">30-1</i><input type="button" onclick="showDiv(1)" value="设置值" />
<hr />
<i class="m_tab" id="A_name2">张三-2</i>
<i class="m_tab" id="A_sex2">男-2</i>
<i class="m_tab" id="A_age2">30-3</i><input type="button" onclick="showDiv(2)" value="设置值" />
<hr />
<i class="m_tab" id="A_name3">张三-3</i>
<i class="m_tab" id="A_sex3">男-3</i>
<i class="m_tab" id="A_age3">30-3</i><input type="button" onclick="showDiv(3)" value="设置值" />
<hr />



<input class="m_input" id="B_name" value="">
<input class="m_input" id="B_sex" value="">
<input class="m_input" id="B_age" value="">
<script>
    function showDiv(xid) {

        var div1 = $('#A_name' + xid), a = $('#B_name');//这里id也打错了
        var div2 = $('#A_sex' + xid), b = $('#B_sex');
        var div3 = $('#A_age' + xid), c = $('#B_age');
        a.val(div1.text())
        b.val(div2.text())
        c.val(div3.text())
    }
</script>

囧 2017-07-07

打赏
举报


<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title>_</title>
	<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
</head>
<body>
<div id="val">
	<i class="m_tab" id="A_name">张三1</i>
	<i class="m_tab" id="A_sex">男2</i>
	<i class="m_tab" id="A_age">303</i>
</div>
<div id="ipt">
	<input class="m_input" id="B_name" value="张三">
	<input class="m_input" id="B_sex" value="男">
	<input class="m_input" id="B_age" value="30">
</div>
</body>
<script type="text/javascript">
$(function(){
	$("#val i").each(function(i){
		$("#ipt input").eq(i).val($(this).html());
	});
});
</script>
</html>