javascript - JQuery - 在新闻流中切换 div

Question

尝试在页面上的每条新闻之后使用 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，无论新闻数量有多少都可以正常工作？

谢谢!

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

Answer 1

试试这个:

$('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();
})