JSFiddle - React, Tailwind, and code Playground

HTML

<div class="caixa-dependentes2">
<div>
<select name="campo0[1]" id="campo0[1]" class="form-control aa" required>
<option value="Habilitado">Habilitado</option>
<option value="Desabilitado">Desabilitado</option>                                                  
</select>
</div>
<div><input name="campo1[1]" class="bb" value="teste1" /></div>
<div><input name="campo2[1]" class="cc" value="teste2" /></div>
<div class="clearfix"></div>
<div>
<select name="campo0[2]" id="campo0[2]" class="form-control aa" required>
<option value="Habilitado">Habilitado</option>
<option value="Desabilitado">Desabilitado</option>                                                  
</select>
</div>
<div><input name="campo1[2]" class="bb" value="test3" /></div>
<div><input name="campo2[2]" class="cc" value="teste4" /></div>
</div>

CSS

div {float:left; margin-bottom:5px;}
.clearfix {clear:both;}

JavaScript

$('.caixa-dependentes2').on('change', '.aa', function(){
	var proximo = $(this).nextAll('.bb').eq(0).val();
	alert(proximo);
});