Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/449.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript JQuery-在新闻流中切换div_Javascript_Jquery_Toggle - Fatal编程技术网

Javascript JQuery-在新闻流中切换div

Javascript JQuery-在新闻流中切换div,javascript,jquery,toggle,Javascript,Jquery,Toggle,在我的页面上的每个新闻之后,尝试使用jquery显示/隐藏几个div <div class="newsbox"> <a href="#" class="item">Comments</a> <a href="#" class="item">Confirm</a> </div> 希望这些链接中的每一个都显示一个特定的div,其中包含与该新闻相关的内容。以下是默认情况下隐藏的div <div clas

在我的页面上的每个新闻之后,尝试使用jquery显示/隐藏几个div

<div class="newsbox">
    <a href="#" class="item">Comments</a>
    <a href="#" class="item">Confirm</a>
</div>

希望这些链接中的每一个都显示一个特定的div,其中包含与该新闻相关的内容。以下是默认情况下隐藏的div

<div class="itemComments">
    CONTENT
</div>
<div class="itemConfirm">
    CONTENT
</div>

内容
内容
我如何用JQuery编写一个JavaScript,不管新闻的数量如何

谢谢

编辑:
为了防止在页面上选择all.itemComments,我可以从clickevent元素开始选择具有该类名的下一个元素。有什么想法吗?

为什么不直接使用jQuery UI选项卡小部件呢?标记类似,您可以滚动自己的主题


jquitabs:

为什么不直接使用jqueryuis标签小部件呢?标记类似,您可以滚动自己的主题

JQ UI选项卡:

尝试以下操作:

$('div.newsbox a').click(function(){
   $('div.'+$(this).attr('class')+$(this).text()).show()
})
下一个:

$('div.newsbox a').click(function(){
   $('div.item'+$(this).text()).eq($(this).index()).show();
})
试试这个:

$('div.newsbox a').click(function(){
   $('div.'+$(this).attr('class')+$(this).text()).show()
})
下一个:

$('div.newsbox a').click(function(){
   $('div.item'+$(this).text()).eq($(this).index()).show();
})

我不太明白你的问题,但大致是:$('.itemComments').toggle();和$('.itemConfirm').toggle();这样的脚本会切换页面上的所有.itemConfirm。正在搜索仅切换连接到该特定新闻的脚本。我不太理解您的问题,但大致是:$('.itemComments').toggle();和$('.itemConfirm').toggle();这样的脚本会切换页面上的所有.itemConfirm。正在搜索仅切换连接到特定新闻的脚本。谢谢,但它仍然无法解决我的多新闻问题。使用此脚本,所有新闻都将显示所有评论。您是否有多个同名的类?根据您的情况,请参阅我的下一个答案。谢谢,但它仍然无法解决我的多新闻问题。使用此脚本,所有评论都将显示在所有新闻中。您是否有多个同名类?根据您的情况,请参阅我的下一个答案。尝试了此脚本,但未找到在同一页面上有多个选项卡且未使用与我的设计不兼容的
  • 的有效解决方案。有什么想法吗?我也试过了。这不是开箱即用的。你真的不想让LI出现在链接周围吗?他们根本没有尝试过,但没有找到一个在同一页面上有多个选项卡且未使用与我的设计不兼容的
    • 的有效解决方案。有什么想法吗?我也试过了。这不是开箱即用的。你真的不想让LI出现在链接周围吗?他们根本没有出现