jquery - liタグをその子タグにバインドする方法は?

Question

ユーザーがアンカータグが存在する親li要素をクリックしても、アンカータグがクリックされたとDOMに認識させたい。

  <ul>
  <li><a href="#">test1</a></li>
  <li><a href="#">test2</a></li>
  </ul>

ここでリンク「test1」は、テキストをクリックしたときにのみ機能しますが、li タグをクリックすると、リンクがターゲット ページに移動するようにします。

Answer 1

ノート

display:block最初にCSSでaタグ付けを試すことができます。aタグが利用可能なすべてのスペースをに取っているわけではないと思いますli。だからあなたはこの問題を抱えています。

---

CSSが失敗した場合

$("ul li").click(function(){
   window.location = $(this).find("a").attr('href');
});

クリックしてリンク、タグを作成しようとしていますが、クリックはアンカータグのデフォルトのイベントではないため、一般的な方法では不可能です。

click次のように、前にハンドラーをaタグにバインドし、後でそれを起動すると、これを行うことができます。

$('ul li a').on('click', function() {
  window.location = this.href;
});

$("ul li").click(function(){
   $(this).find("a").click(); // fire previous click event binded to anchor
});