const blockSelector = '.ingredient-b';
const inputSelector = 'input';
const className = 'display_none';
Переключаем класс у всех и сразу:
$(blockSelector)
.addClass(className)
.filter((i, n) => $(inputSelector, n).val())
.removeClass(className);
// или
document.querySelectorAll(blockSelector).forEach(n => {
n.classList.toggle(className, !n.querySelector(inputSelector).value);
});
Или, только у того блока, в котором пользователь input отредактировал:
$(blockSelector).on('input', inputSelector, e => {
$(e.delegateTarget).toggleClass(className, !$(e.target).val());
});
// или
document.querySelectorAll(`${blockSelector} ${inputSelector}`).forEach(function(n) {
n.addEventListener('input', this);
}, ({ target: t }) => t.closest(blockSelector).classList.toggle(className, !t.value));