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