jQuery在数据匹配时隐藏和显示

Question

我制作了一个片段，当数据attr匹配时，我正在使用jQuery show / hide。 HTML结构如下所示

<div class="container">
    <div class="item" data-item="1">1
        <div class="inside" data-content="1">

        </div>
    </div>
    <div class="item" data-item="2">2
        <div class="inside" data-content="2">

        </div>
    </div>
    <div class="item" data-item="2">3
            <div class="inside" data-content="3">

            </div>
    </div>
</div>

课程class="item"将被附加到outside div，我想实现这一目标， 如果内容数据num已存在，请不要使用＆＃34; append()＆＃34;，show()，然后可以正确显示幻灯片。我想了解如何检查data-num是否存在？

所以这个概念是这样的， 如果item item data-item（例如data-item = "2"）匹配outside＆gt;，则点击课程content data-num data-num = "2"（例如show()），然后是{{1}}内容类。 希望我说清楚。非常感谢。

以下是在线示例：http://jsfiddle.net/8VD9R/

Answer 1

您必须遍历内容类。 我在这里编写示例代码，请相应更新：

$('.item').click(function(){
$('.content').hide();
$('.content').each(function(i, obj) {
  if($(this).attr('data-item')==$(obj).attr('data-num'))
  {
    $(obj).show();
    return;
  }
});

});