$(this).html(); 输出的内容有点疑惑，求解~谢过_html/css_WEB-ITnose
Jun 21, 2016 am 09:13 AM<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") 下面有两个li嘛，首先打印里面li的内容 然后是外面的li的内容。 要是想打印最里层的那你不如再加个id
谢两位，问题解决，么么哒
Heißer Artikel
Hot-Tools-Tags
Heißer Artikel
Heiße Artikel -Tags
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Heiße Themen
Schwierigkeiten bei der Aktualisierung der Zwischenspeicherung offizieller Konto -Webseiten: Wie vermeiden Sie den alten Cache, der sich auf die Benutzererfahrung nach der Versionsaktualisierung auswirkt?
Mar 04, 2025 pm 12:32 PM
Schwierigkeiten bei der Aktualisierung der Zwischenspeicherung offizieller Konto -Webseiten: Wie vermeiden Sie den alten Cache, der sich auf die Benutzererfahrung nach der Versionsaktualisierung auswirkt?
Wie verwende ich HTML5 -Formularvalidierungsattribute, um die Benutzereingabe zu validieren?
Mar 17, 2025 pm 12:27 PM
Wie verwende ich HTML5 -Formularvalidierungsattribute, um die Benutzereingabe zu validieren?
Wie füge ich PNG -Bildern auf Webseiten effizient Schlaganfalleffekte hinzu?
Mar 04, 2025 pm 02:39 PM
Wie füge ich PNG -Bildern auf Webseiten effizient Schlaganfalleffekte hinzu?
Was sind die besten Praktiken für die Kompatibilität des Cross-Browsers in HTML5?
Mar 17, 2025 pm 12:20 PM
Was sind die besten Praktiken für die Kompatibilität des Cross-Browsers in HTML5?
Was ist der Zweck des & lt; Meter & gt; Element?
Mar 21, 2025 pm 12:35 PM
Was ist der Zweck des & lt; Meter & gt; Element?
Was ist der Zweck des & lt; datalist & gt; Element?
Mar 21, 2025 pm 12:33 PM
Was ist der Zweck des & lt; datalist & gt; Element?
Was ist der Zweck des & lt; iframe & gt; Etikett? Was sind die Sicherheitsüberlegungen bei der Verwendung?
Mar 20, 2025 pm 06:05 PM
Was ist der Zweck des & lt; iframe & gt; Etikett? Was sind die Sicherheitsüberlegungen bei der Verwendung?
Wie benutze ich die HTML5 & lt; Zeit & gt; Element, um Daten und Zeiten semantisch darzustellen?
Mar 12, 2025 pm 04:05 PM
Wie benutze ich die HTML5 & lt; Zeit & gt; Element, um Daten und Zeiten semantisch darzustellen?
