javascript - 検索で要素をキャッチできません

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

jquery オブジェクトを返すのではなく、.html()father_div の html コンテンツを返します。参照を保存したい場合は、行を分割する必要があります。

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

より賢い人が言うように、これを obj に変更します

Answer 3

$(this)である必要が$(obj)あり、father_divそれ自体も jQuery 要素です

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

Answer 4

jquery .closest(selector) を使用することもできます

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