当所有div具有相同的类时,使用jquery显示其他div中的div数据

当所有div具有相同的类时,使用jquery显示其他div中的div数据,jquery,html,css,Jquery,Html,Css,我不熟悉jQuery,所以我写这篇文章是为了从你们那里得到一些帮助 假设我有三个具有相同的类,但具有不同的信息。刷新时,页面仅显示一个包含数据的 我做了这个演示 脚本 var divs = $("div.visible-content").get().sort(function(){ return Math.round(Math.random())-0.5; }).slice(0,1) $(divs).show(); 我的问题 如何在另一个类中显示可见数据,另一个类中的自定义,该类(抱歉我的

我不熟悉jQuery,所以我写这篇文章是为了从你们那里得到一些帮助

假设我有三个
具有相同的类,但具有不同的信息。刷新时,页面仅显示一个包含数据的

我做了这个演示

脚本

var divs = $("div.visible-content").get().sort(function(){ 
return Math.round(Math.random())-0.5;
}).slice(0,1)
$(divs).show();
我的问题

如何在另一个类中显示可见数据,另一个类中的自定义
,该类(抱歉我的英语不好)与“.visible content”不同?我的意思是,只有当.visible content可见时,来自该可见
的信息才应该显示在自定义
中,并使用
.information from visible content

我的完整HTML

<div class="visible-content">
   <div class="information">1</div>
</div>

<div class="visible-content">
   <div class="information">2</div>
</div>

<!-- .etc -->

对不起,我的英语不好,谢谢你的回答

您可以使用jQuery遍历、使用id或多个类来实现这一点

<div class="visible-content content-1">

关于遍历的API文档将有助于找到正确的选择器

您可以使用jQuery遍历、使用ID或多个类来完成此操作

<div class="visible-content content-1">

关于遍历的API文档将有助于找到正确的选择器

您可以使用jQuery遍历、使用ID或多个类来完成此操作

<div class="visible-content content-1">

关于遍历的API文档将有助于找到正确的选择器

您可以使用jQuery遍历、使用ID或多个类来完成此操作

<div class="visible-content content-1">

关于遍历的API文档将有助于找到正确的选择器

我不确定是否从您的问题中得到正确的含义,如果这是您想要的,请尝试这个

此代码将从未隐藏的可见内容分配信息

$('.other-content .information-from-visible-content').text($('.visible-content:not(:hidden) .information').text())
检查这把小提琴,我已经更新了


检查此提琴以获取隐藏白色区域信息,

我不确定是否从您的问题中得到正确的含义,如果这是您想要的,请尝试此操作

此代码将从未隐藏的可见内容分配信息

$('.other-content .information-from-visible-content').text($('.visible-content:not(:hidden) .information').text())
检查这把小提琴,我已经更新了


检查此提琴以获取隐藏白色区域信息,

我不确定是否从您的问题中得到正确的含义,如果这是您想要的,请尝试此操作

此代码将从未隐藏的可见内容分配信息

$('.other-content .information-from-visible-content').text($('.visible-content:not(:hidden) .information').text())
检查这把小提琴,我已经更新了


检查此提琴以获取隐藏白色区域信息,

我不确定是否从您的问题中得到正确的含义,如果这是您想要的,请尝试此操作

此代码将从未隐藏的可见内容分配信息

$('.other-content .information-from-visible-content').text($('.visible-content:not(:hidden) .information').text())
检查这把小提琴,我已经更新了

检查这把小提琴的隐藏白色区域信息,

我已经分叉并更新,以检查这是否是您想要的

无论您决定显示哪个div,
可见内容中的信息最终都会显示该div

刚刚在你的小提琴上加了以下几行:

$(".information-from-visible-content").html($(divs).html());
已更新

更新可见内容中的
.information
后,您可以简单地编写以下行:
$(divs).hide()
。也更新了小提琴。

我已经用叉子叉了起来,并进行了更新,以检查这是否是您想要的

无论您决定显示哪个div,
可见内容中的信息最终都会显示该div

刚刚在你的小提琴上加了以下几行:

$(".information-from-visible-content").html($(divs).html());
已更新

更新可见内容中的
.information
后,您可以简单地编写以下行:
$(divs).hide()
。也更新了小提琴。

我已经用叉子叉了起来,并进行了更新,以检查这是否是您想要的

无论您决定显示哪个div,
可见内容中的信息最终都会显示该div

刚刚在你的小提琴上加了以下几行:

$(".information-from-visible-content").html($(divs).html());
已更新

更新可见内容中的
.information
后,您可以简单地编写以下行:
$(divs).hide()
。也更新了小提琴。

我已经用叉子叉了起来,并进行了更新,以检查这是否是您想要的

无论您决定显示哪个div,
可见内容中的信息最终都会显示该div

刚刚在你的小提琴上加了以下几行:

$(".information-from-visible-content").html($(divs).html());
已更新


更新可见内容中的
.information
后,您可以简单地编写以下行:
$(divs).hide()
。也更新了Fiddle。

所以你只想在div可见时显示信息?你是说如果类
.visible content
中的任何一个可见,然后将“.visible content.information”中的信息显示到
中。其他内容。visible content中的信息
?是的,我是说,如果.visible content可见,则应在
中显示.information from visible content
中。我不知道如何正确地用英语说,但是信息应该只显示在
可见内容
div中,而不是所有div中。所以你只想在div可见时显示信息?你是说如果类
可见内容
中的任何一个可见,然后将“.visible content.information”中的信息显示到
中。其他内容。visible content中的信息
?是的,我是说,如果.visible content是可见的,那么.information应该显示在
中。visible content中的信息
。我不知道如何正确地用英语说,但是信息应该只显示在
可见内容
div中,而不是所有div中。所以你只想在div可见时显示信息?你是说如果类
可见内容
中的任何一个可见,然后将“.visible content.information”中的信息显示到
中。其他内容。visible content中的信息
?是的,我是说,如果.visible content是可见的,那么.information应该显示在
中-