TestBase

Fork it to create test

by balintbako

HTML

<div class="one">
    <div class="two">
        <div class="three">3</div>
        <div class="three">3</div>
        <div class="three">3</div>
    </div>
    <div class="threeB">b</div>
    <div class="threeB">b</div>
    <div class="threeB">b</div>
</div>

<div class="one">
    <div class="two">
        <div class="three">3</div>
        <div class="three">3</div>
    </div>
    <div class="threeB">b</div>
    <div class="threeB">b</div>
</div>

<div class="one">
    <div class="two">
        <div class="three">3</div>
        <div class="three">3</div>
        <div class="three">3</div>
    </div>
    <div class="threeB">b</div>
    <div class="threeB">b</div>
    <div class="threeB">b</div>
</div>

CSS

div {
    float: left;
    
    margin: 10px;
    border: 1px solid black;
}

JavaScript

$('.three').click(function(){
    console.log('3', $(this).index());
    $(this).parent().parent().find('.threeB').eq($(this).index())
        .css('background','green');
});

$('.threeB').click(function(){
    console.log('3B', $(this).index());
});