$(this).html(); 输出的内容有点疑惑,求解~谢过_html/css_WEB-ITnose
<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ße KI -Werkzeuge

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool
Ausziehbilder kostenlos

Clothoff.io
KI-Kleiderentferner

Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heißer Artikel

Heiße Werkzeuge

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





HTML ist für Anfänger geeignet, da es einfach und leicht zu lernen ist und schnell Ergebnisse sehen kann. 1) Die Lernkurve von HTML ist glatt und leicht zu beginnen. 2) Beherrschen Sie einfach die grundlegenden Tags, um Webseiten zu erstellen. 3) hohe Flexibilität und kann in Kombination mit CSS und JavaScript verwendet werden. 4) Reiche Lernressourcen und moderne Tools unterstützen den Lernprozess.

HTML definiert die Webstruktur, CSS ist für Stil und Layout verantwortlich, und JavaScript ergibt eine dynamische Interaktion. Die drei erfüllen ihre Aufgaben in der Webentwicklung und erstellen gemeinsam eine farbenfrohe Website.

AnexampleofaTartingTaginHtmlis, die, die starttagsaresesinginhtmlastheyinitiateElements, definetheirtypes, andarecrucialForstructuringwebpages und -konstruktionsthedoms.

WebdevelopmentRelieSonHtml, CSS und JavaScript: 1) HtmlStructuresContent, 2) CSSstylesit und 3) JavaScriptaddssinteraktivität, Bildung von TheBasisofModerernwebexperiences.

Der ad-axis-Position adaptive Algorithmus für Webanmerkungen In diesem Artikel wird untersucht, wie Annotationsfunktionen ähnlich wie Word-Dokumente implementiert werden, insbesondere wie man mit dem Intervall zwischen Anmerkungen umgeht ...

GitePages statische Website -Bereitstellung fehlgeschlagen: 404 Fehlerbehebung und Auflösung bei der Verwendung von Gitee ...

Um den Effekt der Streuung und Vergrößerung der umgebenden Bilder nach dem Klicken auf das Bild zu erreichen, müssen viele Webdesigns einen interaktiven Effekt erzielen: Klicken Sie auf ein bestimmtes Bild, um die Umgebung zu machen ...

HTML, CSS und JavaScript sind die drei Säulen der Webentwicklung. 1. HTML definiert die Webseitenstruktur und verwendet Tags wie z.
