クリックされた要素のjQueryの子

Question

クリック イベントが関連付けられたリンクのリストがあるので、子リンク A から ID を取得する必要があります。したがって、以下の例では、最初のリスト要素をクリックした場合、Google が返す必要があります。

私はもう試した '$this a' しかし、構文を完全には理解できません。

$("ul li").click(function(event){
  $("input").val($(this).html());             
});

<ul>
    <li><a href="http://www.google.com" id="google">Google</a>
</ul>

Answer 1

サンプルHTMLは表示されませんが、 ジェネラコディセタグプレ

それを行います（意図したものでない場合は a：first セレクターを修正します）

これは、イベントを発生させた要素を指します

Answer 2

コードを少しすっきりさせるために、次のような関数でトリガーをバインドしましょう。 （ULにIDを付けて、そのUL内の要素のみに固有にすることをお勧めします） ジェネラコディセタグプレ

呼び出される関数（getAnchorId）は、クリックされた要素（ul li）の子要素（a）のID属性を取得し、それを変数（anchorId）に適用して、正しい情報を取得していることを示します。結果はアラートになります。 ジェネラコディセタグプレ

これで、その変数を使用して、好きなことを実行できます:)

これがお役に立てば幸いです：）

Answer 3

を使用できます children 方法：

$(this).children('a').eq(0).attr('id');

構文についてはよくわかりませんが、次のようなものが機能するはずです。