jQuery - поиск предыдущего селектора относительно текущего

Question

У меня есть форма с 3 разделами в ней. В каждом разделе есть выделенный div для довольно длинных контекстных справочных сообщений относительно ввода, который имеет фокус.

Вопрос в том, может ли я дать каждому из этих элементов divs класс «form-tip» и каждый вход, у которого есть подсказка класса «has-tip», как я могу получить подсказку, чтобы всегда отображаться в предыдущий div формы?

Что-то вроде:

$('.has-tip').each(focus(function() { 
    var tip = $(this).attr('title'); 
    // Find most recent $('.form-tip') in the DOM and populate it with tip 
})); 

Я надеюсь, что имеет смысл ... Спасибо за любую помощь.

Answer 1

var container = $(this).closest('.form-tip') 

в пределах .если я правильно понял.

Answer 2

Если .has-tip является дочерним .form-tip, то вы можете использовать .closest() так:

$('.has-tip').each(focus(function() { 
    var tip = $(this).attr('title'); 
    var ft = $(this).closest('.form-tip'); 
    // Find most recent $('.form-tip') in the DOM and populate it with tip 
})); 

Если это родной брат, вы можете использовать .prev('.form-tip') или, если это не сразу раньше, то это .prevAll('.form-tip: first').