jQuery Simple Example

HTML

<script src="//www.addressfinder.co.nz/assets/v2/widget.js"></script>
<div class="parent">
    <div class="same">Text</div>
    <div class="same">Text</div>
    <div class="same">Text</div>
    <div class="not-same">Stop here</div>
    <div class="same">Text</div>
    <div class="same">Text</div>
</div>

CSS

body {
    padding: 5px;
}

label {
    font-weight: bold;
}
.color {
    color:blue;
    font-weight:bold;
}

input[type=text] {
    width: 20em
}

p {
    margin: 1em 0 0;
}

JavaScript

$('.same').click(function () {
    var _elms = $(this).parent().children();
    var _class = $(this).attr('class');
    for(var i=0;i<_elms.length;i++){
    	console.log(_elms[i]);
      var el = $(_elms[i]);
    	el.addClass('color');
      
    	if(!el.hasClass(_class)){
      	break;
      }
    }
    console.log(_class);
});