js中怎么样取到本div下面的第一个span里面的值

最新推荐文章于 2022-10-13 23:15:08 发布

转载最新推荐文章于 2022-10-13 23:15:08 发布 · 6.8k 阅读

java常见面试题专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一种使用JavaScript获取指定div元素下第一个span标签内的文本内容的方法。通过jQuery库简化DOM操作，实现点击事件时获取文本并弹窗显示。

js中怎么样取到本div下面的第一个span里面的值

标签： js 取值

2016年03月03日 15:03:29 6788人阅读评论(0) 收藏举报

分类：

Java（21）

今天一个朋友问，所以写下来一起学习。。嘿嘿。。

[html]view plain copy 
     
 <%@ page language="java" contentType="text/html; charset=UTF-8"  
     pageEncoding="UTF-8"%>  
 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
 <html>  
 <head>  
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
 <title>Insert title here</title>  
 <script type="text/javascript" src="jquery-1.8.3.js"></script>  
 <script type="text/javascript">  
     function test(thisDiv){  
         var a=$(thisDiv).children("span").eq(0).text();  
         alert(a);  
     }  
 </script>  
 </head>  
 <body>  
     <div onclick="test(this)">  
         <div>diyige dsfd</div>  
         <span>第一个div里的第一个span</span>  
         <span>第一个div里的第二个span</span>  
     </div>  
     <div onclick="test(this)">  
         <span>第er个div里的第一个span</span>  
         <span>第er个div里的第二个span</span>  
     </div>  
 </body>  
 </html>  