Не удается поймать элемент с найти

Question

У меня есть этот DIV:

<div> 
    <label>Big Name 
     <span class="small">Suggestion text</span> 
    </label> 
    <input type="text" onfocus="getSuggestion(this);"> 
</div> 

То, что я пытаюсь сделать, это получить текст внутри «пролета» с «getSuggestion()» функцией на фокусе ввода.

Вот что я пробовал:

function getSuggestion(obj) { 
    var father_div = $(this).parent(); 

    var span = $(father_div).find("span").html(); 
} 

Но это не работает. Что я делаю не так?

Answer 1

вам не нужно двойной $(..)

попробовать этот

var span = father_div.find("span").html(); 

и

function getSuggestion(obj) { 
    var father_div = $(obj).parent(); 

    var span = father_div.find("span").html(); 
} 

this в функции назван как obj ...

Answer 2

$(this) должны быть $(obj), а также сам father_div является JQuery Элемент

function getSuggestion(obj) { 
    var father_div = $(obj).parent(); 
    var span = father_div.find("span").html(); 
} 

Answer 3

.html() не возвращаем объект Jquery, а скорее содержание HTML в father_div. если вы WANNER сохранить реф к нему youhave разделить строки:

function getSuggestion(obj) { 
    var father_div = $(obj).parent(); 
    var span = $(father_div).find("span") 
    span.html(); 
} 

и как более умных людей говорит изменить это OBJ

Answer 4

Вы также можете использовать JQuery .closest (селектор)

var span = $(this).closest('span').html();