[Solved] Finding the closest span with a specific class inside a div


The issue with your current code is that closest() looks at parent elements, yet the span you want to find is a child of a parent’s sibling to the input.

To solve your issue traverse to a common parent of both the input and span and use find() from there. Try this:

$("#reimburse_price").blur(function() {
    checkNumInput('#' + this.id);
});

function checkNumInput(id) {
    var $input = $(id);
    if ($input.val() == "") {
        $input.get(0).setCustomValidity('Please fill out this field');
        $input.closest('.form-group').find('.error_span').text("Please fill out this field").toggleClass("hidden text-danger");
    }
}

3

solved Finding the closest span with a specific class inside a div