Jadual Kandungan
回复讨论(解决方案)
Rumah hujung hadapan web html tutorial $(this).html(); 输出的内容有点疑惑,求解~谢过_html/css_WEB-ITnose

$(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>
Salin selepas log masuk


我点击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(); 		}); 	});
Salin selepas log masuk

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

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

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
2 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Repo: Cara menghidupkan semula rakan sepasukan
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Cara mendapatkan biji gergasi
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
2 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Repo: Cara menghidupkan semula rakan sepasukan
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Cara mendapatkan biji gergasi
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Tag artikel panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Kesukaran mengemas kini caching laman web akaun rasmi: Bagaimana untuk mengelakkan cache lama yang mempengaruhi pengalaman pengguna selepas kemas kini versi? Kesukaran mengemas kini caching laman web akaun rasmi: Bagaimana untuk mengelakkan cache lama yang mempengaruhi pengalaman pengguna selepas kemas kini versi? Mar 04, 2025 pm 12:32 PM

Kesukaran mengemas kini caching laman web akaun rasmi: Bagaimana untuk mengelakkan cache lama yang mempengaruhi pengalaman pengguna selepas kemas kini versi?

Bagaimana saya menggunakan atribut pengesahan borang html5 untuk mengesahkan input pengguna? Bagaimana saya menggunakan atribut pengesahan borang html5 untuk mengesahkan input pengguna? Mar 17, 2025 pm 12:27 PM

Bagaimana saya menggunakan atribut pengesahan borang html5 untuk mengesahkan input pengguna?

Bagaimana cara menambah kesan strok kepada imej PNG di laman web? Bagaimana cara menambah kesan strok kepada imej PNG di laman web? Mar 04, 2025 pm 02:39 PM

Bagaimana cara menambah kesan strok kepada imej PNG di laman web?

Apakah amalan terbaik untuk keserasian penyemak imbas dalam HTML5? Apakah amalan terbaik untuk keserasian penyemak imbas dalam HTML5? Mar 17, 2025 pm 12:20 PM

Apakah amalan terbaik untuk keserasian penyemak imbas dalam HTML5?

Apakah tujuan & lt; meter & gt; unsur? Apakah tujuan & lt; meter & gt; unsur? Mar 21, 2025 pm 12:35 PM

Apakah tujuan & lt; meter & gt; unsur?

Apakah tujuan & lt; DATALIST & GT; unsur? Apakah tujuan & lt; DATALIST & GT; unsur? Mar 21, 2025 pm 12:33 PM

Apakah tujuan & lt; DATALIST & GT; unsur?

Apakah tujuan & lt; iframe & gt; Tag? Apakah pertimbangan keselamatan semasa menggunakannya? Apakah tujuan & lt; iframe & gt; Tag? Apakah pertimbangan keselamatan semasa menggunakannya? Mar 20, 2025 pm 06:05 PM

Apakah tujuan & lt; iframe & gt; Tag? Apakah pertimbangan keselamatan semasa menggunakannya?

Bagaimana saya menggunakan html5 & lt; masa & gt; elemen untuk mewakili tarikh dan masa secara semantik? Bagaimana saya menggunakan html5 & lt; masa & gt; elemen untuk mewakili tarikh dan masa secara semantik? Mar 12, 2025 pm 04:05 PM

Bagaimana saya menggunakan html5 & lt; masa & gt; elemen untuk mewakili tarikh dan masa secara semantik?

See all articles