如何使用javascript从div到另一个div获取信息
大家好,我有个问题。 在我的代码中,我有两个div,它们具有相同的父类和子类,但具有不同的信息,我还有另一个单独的div,我希望该信息显示在其中(即具有post类的父类中的信息(段落))如果我点击两个div上的任何一个按钮。例如,如果我点击第一个div按钮,我希望从中获得信息,如果我点击第二个div按钮,我还希望通过覆盖单独div中的当前信息来显示信息。请帮助我,您可以使用jquery或js如何使用javascript从div到另一个div获取信息,javascript,jquery,html,Javascript,Jquery,Html,大家好,我有个问题。 在我的代码中,我有两个div,它们具有相同的父类和子类,但具有不同的信息,我还有另一个单独的div,我希望该信息显示在其中(即具有post类的父类中的信息(段落))如果我点击两个div上的任何一个按钮。例如,如果我点击第一个div按钮,我希望从中获得信息,如果我点击第二个div按钮,我还希望通过覆盖单独div中的当前信息来显示信息。请帮助我,您可以使用jquery或js <div class="post"> <p clas
<div class="post">
<p class="postText">Hello how are you</p>
<p class="posts">My Info</p>
<button>getInfo</button>
</div>
<div class="post">
<p class="postText">Hello how are you doing today</p>
<p class="posts">My Information</p>
<button>getInfos</button>
</div>
<div class="separate_div_to_appear"></div>
你好,你好吗
我的信息
获取信息
你好,今天过得怎么样
我的信息
getInfos
如果我能很好地理解你,这可能就是答案。否则,我建议您更好地定义您的需求
$(".postText").click(function(s){
var text = $(this).text();
$(".separate_div_to_appear").text(text);
});
通过将
方法绑定到该选择器来检测按钮单击。单击()
方法:
$('.post button')
在事件处理程序中,$(this)
将是单击的按钮。因此,从这里开始,您需要向上遍历DOM元素,找到类为post
的最近的()
元素。抓取其中的所有html—您将获得
元素和
元素。请注意,.html()
中没有任何内容是一个getter。
现在,使用选择器$('.separate_div_to_been')
识别目标div,然后再次使用.html()
插入复制的html元素。请注意,包含stuff的.html()
是一个设置程序。
最后一步:您不希望复制按钮
元素,所以将其从目标div中删除
当然,我的代码本可以更优雅,可以识别哪些内容需要复制,哪些内容不需要复制,但您可以找出这一部分。我希望这个示例/演示非常简单,非常简短,所以您可以看到它是如何完成的
$(函数(){
$('.post按钮')。单击(函数(){
让pp=$(this.nexist('.post').html();
$('.separate_div_to_been').html(pp);
$('.separate_div_to_been')。查找('button')。删除();
});
});代码>
.separate_div_to_出现{高度:100px;页边顶部:20px;背景:小麦;填充:20px;}
你好,你好吗
我的信息
获取信息
你好,今天过得怎么样
我的信息
getInfos
不清楚你的意思是“我想从它那里得到信息”——你认为什么是“信息”?请在发布堆栈溢出问题之前先尝试一下,谢谢。you@Bright下面的答案对你有帮助吗?如果是,请选择一个“正确”答案(通过单击答案旁边的复选标记)以结束问题,或者自己提供答案并选择该答案作为正确答案。否则,请在其中一个答案下方添加评论或编辑原始问题以添加更多详细信息,以便提供更多答案。谢谢如果您从一个元素中获取文本,并且使用JQuery,则使用.text()
方法获取和设置文本。不是.html()
。