如何获取下级元素的内容

somebody-998 2021-01-26 03:54:13

<div id="spot">
<div class="cont">
<ul>
<li class="func__size"><p>1</p><div>122x32m</div><div>1256x455p</div></li>
<li class="func__size"><p>2</p><div>222x32m</div><div>2256x455p</div></li>
<li class="func__size"><p>3</p><div>322x32m</div><div>3256x455p</div></li>
</ul>
</div>
<div class="cont">
<ul>
<li class="func__size"><p>1</p><div>122x32m</div><div>1256x455p</div></li>
<li class="func__size"><p>2</p><div>222x32m</div><div>2256x455p</div></li>
<li class="func__size"><p>3</p><div>322x32m</div><div>3256x455p</div></li>
</ul>
</div>
</div>


我想鼠标点击li的时候,获取li里面的p跟两个div里面的内容,请问能实现么,谢谢
...全文
134 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
somebody-998 2021-01-26
  • 打赏
  • 举报
回复
谢谢楼上三位回答,十分感谢
aiweiya520 2021-01-26
  • 打赏
  • 举报
回复
$(".func__size").click(function(){ pText = $(this).find("p").text(); firstText = $(this).find("div:nth-child(2)").text(); secondText = $(this).find("div:nth-child(3)").text(); alert("p的内容是"+ pText +";第一个div的内容是"+ firstText +";第二个div的内容是"+ secondText); })
天际的海浪 2021-01-26
  • 打赏
  • 举报
回复

<div id="spot">
	<div class="cont"> 
		<ul> 
			<li class="func__size"><p>1</p><div>122x32m</div><div>1256x455p</div></li> 
			<li class="func__size"><p>2</p><div>222x32m</div><div>2256x455p</div></li> 
			<li class="func__size"><p>3</p><div>322x32m</div><div>3256x455p</div></li> 
		</ul> 
	</div> 
	<div class="cont"> 
		<ul> 
			<li class="func__size"><p>1</p><div>122x32m</div><div>1256x455p</div></li> 
			<li class="func__size"><p>2</p><div>222x32m</div><div>2256x455p</div></li> 
			<li class="func__size"><p>3</p><div>322x32m</div><div>3256x455p</div></li>  
		</ul> 
	</div>
</div>
 
<script type="text/javascript">
Array.from(document.querySelectorAll(".func__size")).forEach(dom=>{
	dom.addEventListener("click", function (e) {
		var p = this.querySelector("p");
		var div = this.querySelectorAll("div");
		alert(p.innerHTML);
		alert(div[0].innerHTML);
		alert(div[1].innerHTML);
	}, false);
});
</script>
howcoder 2021-01-26
  • 打赏
  • 举报
回复
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> <script type="text/javascript"> $(".func__size").click(function () { console.log($(this).html()); }) </script>

61,112

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧