JQuery根据另一个div中的值显示div

我有一个产品列表，每个产品在一个分区内都有一个编号。根据这个编号，我需要显示另一个分区。这根本不起作用

JS

HTML

2
一
二
三
1.
一
二
三
3.
一
二
三

---

您需要隐藏类

、
和
三个
而不是其父类
div
.producerImage
，您可以使用
开关盒
和
$来隐藏这些类。每个
将所有
div
与类
producerId
循环，如下所示：


$(document).ready(function(){
    $.each($('.producerId'),function(){
       var value=$(this).html();
       var that=$(this);
       switch(value)
       {
           case "1":
                   that.next().find($('.one')).show();
               break;
           case "2":
                   that.next().find($(".two")).show();
               break;
           case "3":
                   that.next().find($(".three")).show();
               break;
           default:
               break;

       }
    });
});

<div class="producerId">2</div>
<div class="producerImage">
    <div class="one">one</div>
    <div class="two">two</div>
    <div class="three">three</div>
</div>
<div class="producerId">1</div>
<div class="producerImage">
    <div class="one">one</div>
    <div class="two">two</div>
    <div class="three">three</div>
</div>
<div class="producerId">3</div>
<div class="producerImage">
    <div class="one">one</div>
    <div class="two">two</div>
    <div class="three">three</div>
</div>

CSS

.one,.two,.three {
    display:none;
}

有两个
div
两个
和
三个
具有相同的类。您已经为这两个项目提供了
两个
：

更新了
html

$(document).ready(function(){
    $.each($('.producerId'),function(){
       var value=$(this).html();
       var that=$(this);
       switch(value)
       {
           case "1":
                   that.next().find($('.one')).show();
               break;
           case "2":
                   that.next().find($(".two")).show();
               break;
           case "3":
                   that.next().find($(".three")).show();
               break;
           default:
               break;

       }
    });
});

<div class="producerId">2</div>
<div class="producerImage">
    <div class="one">one</div>
    <div class="two">two</div>
    <div class="three">three</div>
</div>
<div class="producerId">1</div>
<div class="producerImage">
    <div class="one">one</div>
    <div class="two">two</div>
    <div class="three">three</div>
</div>
<div class="producerId">3</div>
<div class="producerImage">
    <div class="one">one</div>
    <div class="two">two</div>
    <div class="three">three</div>
</div>

2
一
二
三
1.
一
二
三
3.
一
二
三
你的课程模棱两可。Tnx学习者……很有效！