communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > tutoriel HTML > $(this).html(); 输出的内容有点疑惑，求解~谢过_html/css_WEB-ITnose

$(this).html(); 输出的内容有点疑惑，求解~谢过_html/css_WEB-ITnose

WBOY
Libérer： 2016-06-21 09:13:11
original
1431 Les gens l'ont consulté

<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>
Copier après la connexion


我点击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(); 		}); 	});
Copier après la connexion

$("#menu_id ul") 下面有两个li嘛，首先打印里面li的内容  然后是外面的li的内容。 要是想打印最里层的那你不如再加个id

谢两位，问题解决，么么哒

Étiquettes associées：
$(this).html(); 输出的内容有点疑惑，求解~谢过
source：php.cn
Article précédent：底层绝对位置的div为什么把顶层div遮挡了？_html/css_WEB-ITnose Article suivant：css常用小结_html/css_WEB-ITnose
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
function_exists() ne peut pas déterminer la fonction personnalisée Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...
Depuis 2024-04-29 11:01:01
0
3
2225
Comment afficher la version mobile de Google Chrome Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?
Depuis 2024-04-23 00:22:19
0
11
2370
La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas. Les deux premières phrases sont exécutables, mais la dernière ne peut pas être implémentée...
Depuis 2024-04-19 15:37:47
0
1
1979
Il n'y a aucune sortie dans la fenêtre parent document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...
Depuis 2024-04-18 23:52:34
0
1
1864
Où sont les didacticiels sur la cartographie mentale CSS ? Didacticiel
Depuis 2024-04-16 10:10:18
0
0
1936
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal