SO: Previous div

HTML

<div class="row">
    <div>
        <div class="error-report">Error id 1</div>
        <input class="autoausgabe form-control " id="ID1">
    </div>
</div>
<div class="row">
    <div>
        <div class="error-report">Error id 2</div>
        <input class="autoausgabe form-control " id="ID2">
    </div>
</div>

CSS

.error-report {
    display: none;
}

.has-error {
    border: 4px solid red;
}

JavaScript

$('.form-control').change((e) => {
	let element = e.target;
	let regex = new RegExp(/[~`!#$%\^&*+=\-\[\]\\';,/{}|\\":<>\?()]/);
    let letter = /[a-zA-Z ]+/;
    let parent = $(element).parent()[0];
    let errorSpan = $(parent).find('.error-report')[0];
    if(letter.test(element.value)){
    	$(errorSpan).show();
        $(element).addClass('has-error');
    }
    else {
    	$(errorSpan).hide();
        $(element).removeClass('has-error');
    }
});