Javascript 如何将div的内容移动到另一个div中
例如,如果我有class=“text1”的div,它上面有一个类为“text”的a标记Javascript 如何将div的内容移动到另一个div中,javascript,jquery,Javascript,Jquery,例如,如果我有class=“text1”的div,它上面有一个类为“text”的a标记 <a class="text">ClickHere1</a> <div class="text1" style="display: none"> <p>Hey</p> <p>Ho</p> </div> <a class="text">ClickHere2</a>
<a class="text">ClickHere1</a>
<div class="text1" style="display: none">
<p>Hey</p>
<p>Ho</p>
</div>
<a class="text">ClickHere2</a>
<div class="text1" style="display: none">
<p>Hey</p>
<p>Ho</p>
</div>
<div id="Content">
</div>
单击此处1
哎
呵呵
单击此处2
哎
呵呵
当用户单击直接位于div wit类“text1”上方的a标记时,如何将class=“text1”的内容移动到id=“content”的div中。或者更好地说,当用户单击a标签时,只有下一个div的class=“text1”内容被附加到id为:content的div中
另外,我问我如何才能确保id为:Content的div中始终只显示一个div的内容
谢谢,我希望你能理解我 要移动还是复制 要复制文本,请执行以下操作:
$(".text").click(function() {
$("#Content").html($(this).next(".text1").html());
});
如果要移动文本,请使用
$(".text").click(function() {
$("#Content").html($(this).next(".text1").html());
$(this).html('');
});
您要移动还是复制 要复制文本,请执行以下操作:
$(".text").click(function() {
$("#Content").html($(this).next(".text1").html());
});
如果要移动文本,请使用
$(".text").click(function() {
$("#Content").html($(this).next(".text1").html());
$(this).html('');
});
试试这个:
$("a.text").on("click",function(){
$("#Content").html( $(this).next(".text1").html() );
})
小提琴:试试这个:
$("a.text").on("click",function(){
$("#Content").html( $(this).next(".text1").html() );
})
Fiddle:还没有测试过,但您正在寻找类似的东西。这应该给你一个想法
$(function(){
$(".text").click(function(){
var contentClone = $(this).next().html().clone();
contentClone.insert($("#Content"))
});
})
还没有测试过,但你正在寻找类似的东西。这应该给你一个想法
$(function(){
$(".text").click(function(){
var contentClone = $(this).next().html().clone();
contentClone.insert($("#Content"))
});
})
移动内容
$("a.text").click(function(){
$("#Content").html($("this")next().html());
})
移动内容
$("a.text").click(function(){
$("#Content").html($("this")next().html());
})
你可以试试这个
$('.text').on('click', function(){
$('#Content').html($(this).next('div.text1').html());
});
你可以试试这个
$('.text').on('click', function(){
$('#Content').html($(this).next('div.text1').html());
});
如果在div内容中只显示一个类为text1的div的内容,那就太好了!如果div内容中只显示一个类为text1的div的内容,那就太好了!谢谢