ホームページ > 記事 > ウェブフロントエンド > $(this).html(); 出力内容が少しわかりにくいので説明してください~Thanks_html/css_WEB-ITnose
$(this).html(); 出力内容が少しわかりにくいので説明してください~Thanks_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-21 09:13:111414ブラウズ
<html><head></head> <script src="__PUBLIC__/Js/jquery-1.8.3.min.js"></script> <script> $(document).ready(function(){ $("#menu_id ul ul").css("display","block"); $("#menu_id ul li").click(function(){ console.log($(this).html()); }); }); </script><body> <div style="position:relative; overflow:auto;" id="menu_id"> <ul> <!-- 第一个:Li --> <li> <span>gaga</span> <ul> <li> ABCD <ul> <li><a href="#">a</a></li> <li><a href="#">a</a></li> <li><a href="#">a</a></li> <li><a href="#">a</a></li> <li><a href="#">a</a></li> </ul> </li> <li> <span>ABCD</span> <ul> <li><a href="#">b</a></li> <li><a href="#">b</a></li> <li><a href="#">b</a></li> <li><a href="#">b</a></li> <li><a href="#">b</a></li> </ul> </li> <li> <span>ABCD</span> <ul> <li><a href="#">c</a></li> <li><a href="#">c</a></li> <li><a href="#">c</a></li> <li><a href="#">c</a></li> <li><a href="#">c</a></li> </ul> </li> <li> <span>ABCD</span> <ul> <li><a href="#">d</a></li> <li><a href="#">d</a></li> <li><a href="#">d</a></li> <li><a href="#">d</a></li> <li><a href="#">d</a></li> </ul> </li> </ul> </li> </ul> </div></body></html> Li をクリックすると、現在の要素の Html() だけでなく、ルート ノードの Li の Html() も出力されるのはなぜでしょうか。適当に説明して、採用したらポイントあげてね
ディスカッション（解決策）に返信
イベントが盛り上がるから
.
$(document).ready(function(){ $("#menu_id ul ul").css("display","block"); $("#menu_id ul li").click(function(event){ console.log($(this).html()); event.stopPropagation(); }); }); $("#menu_id ul") 以下の2つですli の場合、最初に li の内容を内側に出力し、次に li の内容を外側に出力します。一番内側のレイヤーを印刷したい場合は、ID を追加するとよいでしょう
お二人ともありがとう、問題は解決しました、わかりました
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。