jQuery elementos irmãos via siblings()

by Salustiano Silva

HTML

<form>
    <table>
        <tr>
            <td>
                <input type="hidden" name="canalVendaVO.codigo" id="codigoCanalVenda" class="codigoCanalVenda" value="1" />
                <input type="hidden" name="canalVendaVO.nome" id="nomeCanalVenda" class="nomeCanalVenda" value="2" />
                <input type="hidden" name="dataInicioVigenciaAssociacaoPlano" id="dataInicioVigenciaAssociacaoPlano" class="dataInicioVigenciaAssociacaoPlano" value="3" />
                &nbsp;&nbsp;&nbsp;&nbsp;At&eacute;&nbsp;&nbsp;&nbsp;&nbsp;
                <input type='text' data-mask="data" data-date-type="default" size='10' maxlength='10' value="4" id="dataFimVigenciaAssociacaoPlano" class="dataFimVigenciaPlanoVigente" />
                <input type="hidden" name="dataInicioAntesDeAlteracao" id="dataInicioAntesDeAlteracao" class="dataInicioAntesDeAlteracao" value="5" />
                <input type="hidden" name="dataFimAntesDeAlteracao" id="dataFimAntesDeAlteracao" class="dataFimAntesDeAlteracao" value="6" />
            </td>
        </tr>
    </table>
</form>
<!-- apenas para debug -->
<div id="valoresObtidos"></div>

JavaScript

$('.dataFimVigenciaPlanoVigente').on('change', function(e){

    var $this = $(this);

    var dataFimVigenciaPlanoVigente    = $this.val(),
        nomeCanalVenda                 = $siblings('.nomeCanalVenda').val(),
        dataInicioVigenciaPlanoVigente = $siblings('.dataInicioVigenciaAssociacaoPlano').val(),
        codigoCanalVenda               = $siblings('.codigoCanalVenda').val(),
        dataInicioAntesDeAlteracao     = $siblings('.dataInicioAntesDeAlteracao').val(),
        dataFimAntesDeAlteracao        = $siblings('.dataFimAntesDeAlteracao').val();

    // Apenas para debug
    $("#valoresObtidos").html("Valores obtidos: " + dataFimVigenciaPlanoVigente +" "+ nomeCanalVenda +" "+ dataInicioVigenciaPlanoVigente +" "+ codigoCanalVenda +" "+ dataInicioAntesDeAlteracao +" "+ dataFimAntesDeAlteracao);
});