Question

for example

<div id="red">
<div class="one"></div>
<div class="two"></div>
<div class="three"></div>
</div>
<div id="blue">
<div id="sub" class="one"></div>
<div id="sub" class="two"></div>
<div id="sub" class="three"></div>
</div>

when I click .one show #sub .one, the same class name.
thanks

Answer 1

First, you shouldn’t duplicate ids on a page, so I’ve restructured your HTML:

<div id="red">
    <div class="one"></div>
    <div class="two"></div>
    <div class="three"></div>
</div>
<div id="blue" class="sub">
    <div class="one"></div>
    <div class="two"></div>
    <div class="three"></div>
</div>

Then, you can do something like the following:

$('#red').on('click', 'div', function(ev){
    $('.sub div').hide();
    $('.sub .' + $(this).attr('class')).show();
});