用jquery获取一个div下的span标签数组,再判断点击事件点击的是哪个span

最新推荐文章于 2024-03-17 00:10:43 发布
最新推荐文章于 2024-03-17 00:10:43 发布
阅读量4.9k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_26515367/article/details/56278722
版权 
<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
	</head>

	<body>
		<div id="app">
			<span>1111111</span>
			<span>2222222</span>
		</div>

		<script type="text/javascript">
			//			var arr = $("#app span");
			//			console.log(arr);
			$("#app span").each(function(index, item) {
				
				if(index == 0) {
					$(this).click(function(){
						alert("第一个span");
					})
				} else if(index == 1) {
					$(this).click(function(){
						alert("第二个span");
					})
					
				}
				//				$(this).click(function() {
				//					console.log(this);
				//					if(index == 0) {
				//						alert("第一个span");
				//					} else if(index == 1) {
				//						alert("第二个span");
				//					}
				//				})

			});
		</script>
	</body>

</html>

。未来可期。
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jquery 获取标签数组
言程序
09-17 672
例一、 &lt;div class="div_bto" id="div_bto"&gt;    &lt;ul&gt;        &lt;li&gt;选项卡一&lt;/li&gt;            &lt;li&gt;选项卡二&lt;/li&gt;            &lt;li&gt;选项卡三&lt;/li&gt;    
jquery获取div子节点的下的span标签的值
single0515的博客
04-17 1万+
今天遇到一个问题，需要获取div子节点的下的span标签的值，如图，需要获取id为s2id_status的div下的span值 如图可知，要获取span中的值“起草”，需要先获取id为s2id_status的div，即$("#s2id_status") 再获取其子节点，<a>标签,即即$("#s2id_status").children("a")，同理找到a的子结点span，即...
监听动态生成的span标签点击事件
sjn0815的博客
06-03 1716
//.tabcharts是span所在的父级div的class $('.tabcharts').on('click','span',function(){ alert("on---span----"+$(this).html()) //获取span内容 });
jQuery 同时获取多个标签的指定内容并储存为数组
最新发布
m0_60750088的博客
03-17 823
但控制台的输出结果为:只输出了第一个li中的内容,新人(我)在这里就懵逼了(想不通),为什么跟想象中的完全不同经过查阅各种资料,最终找到了问题所在:此时的list1的数组中每个元素已经不是’li’对象,如此运行控制台会报错:这里想要达到我们的目的必须要用到each() 方法为每个匹配元素规定要运行的函数。语法所以我们采用以下方式获取到我们所需要的内容//遍历每个对象。
jQuery 获取div下的所有span的属性，并循环
zfj347620743的博客
03-25 1万+
function getUser(obj){ var name=$(obj).text(); var userid = $(obj).attr("userid"); var attrUser = new Array(); //alert($("#user1").find("span").length); ...
如何让div span等元素能响应键盘事件操作指南
09-05
描述中提到的场景是开发者需要在一个可编辑的`div`内嵌套一个可编辑的`span`，并且希望`span`能够捕获并处理键盘事件。 在Web开发中，`div`和`span`是常见的布局和内容组织元素。默认情况下，这些元素并不直接接收...
jQuery点击标签添加到面板代码
06-24
本文将深入探讨“jQuery点击标签添加到面板代码”这一主题，结合“鼠标点击”、“选中标签”、“添加标签”的概念，帮助你理解和实现这个功能。 首先，我们需要了解基本的HTML结构，这通常包括一个用于显示标签的...
jQuery点击标签添加到面板特效代码
03-20
在本文中，我们将深入探讨如何使用jQuery实现一个功能，即点击标签将其添加到面板，并能够通过再次点击删除已添加的标签。这个功能广泛应用于各种Web应用程序，如项目管理工具、笔记应用或者任何需要用户自定义分类...
jQuery给div,Span, a ，button, radio 赋值与取值
11-25
jquery给div的innerHTML赋值 $(“#id”).html()=”test”; //或者 $(“#id”).html(“test”); jquery 获取的链接内容 $()[removed] jquery 给span 赋值 $(‘#hiddenNote’).text(‘getSpanValues’); span取值 ...
jquery提取元素里的纯文本不包含span等里的内容
01-21
$(‘div’).contents().each(function(){ if(this.nodeType === 3){ text += this.wholeText; } }); nodeType 元素element 1 属性attr 2 文本text 3 注释comments 8 文档document 9
html jq获取span的值,jquery 点击获取span的值
weixin_39603799的博客
06-08 328
直接代码html地图卫星jsfunction selectMap(id){var selectVal = $.trim($('#'+id).children().last().text());if(selectVal=="卫星"){$('#satelliteMap').css('display','none');$('#ordinaryMap').css('display','block');}i...
js中怎么样取到本div下面的第一个span里面的值
evilcry2013的博客
03-28 6789
js中怎么样取到本div下面的第一个span里面的值 标签： js 取值 2016年03月03日 15:03:296788人阅读 评论(0) 收藏 举报  分类： Java（21）  版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq779446849/article/details/50788654
js <span id="htm_rename"></span>标签的传值 与IF判断输出
q853111950的博客
06-02 2045
var x=document.getElementById("id").innerHTML; // 获取 <span id="id"></span> 标签要使用.innerHTML // 获取 input 标签内的值可以使用 document.getElementById("id").value; console.log(x); // 记录到日志 if(x.i...
如何取div中包含的span的value
qq_24996873的博客
09-27 1490
1、使用javascript实现 a、为span设置一个id，写如下js代码 var value=document.getElementById("span的id属性").innerHTML;或 var value=document.getElementById("span的id属性").innerText; 就可以取出下面
jquery获取span标签下的第一个span子标签内容
热门推荐
csdn_zsdf的博客
07-12 1万+
看了几本jquery的书之后，觉得对jQuery的dom操作部分应该是比较熟悉了，但是当正式用到的时候又忽然觉得什么也不知道，还得上网来搜，遇到的问题就是获取span标签下的第一个span标签中的内容。如<p class = "local"> <span> <span>西安</span> <span>(xian)</span> </span> </p>
Html中的span与a的区别,a标签和span标签的区别
weixin_34770855的博客
06-15 3458
div和Span及a标签的区别可定义文档中的分区或节(division/section)。 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。 如果用 id 或 class 来标记 ，那么该标签的作用会变得更加有效。要做的效果是这样的 正确答案的代码如下 问题是为什么span要放在a 标签不，即使在ie6下，如果a加了左浮动，span加右浮动还是会错位，...
Html 获取span值
泰坦巨人
04-15 1152
<span style="float: left; text-align: right;" id="title">0</span> 获取值：document.getElementById("title").innerText 赋值：$("#title").html("值")
jQuery04-事件-动画
long_2004的博客
04-22 1102
jQuery04-事件-动画案例1：绑定事件的两种方式案例2：合成事件（事件切换）案例3：事件传播(事件冒泡)案例4：移除事件案例5：动画-基本动画案例6：动画-滑动动画案例7：动画-淡入淡出动画案例8：动画-自定义动画 案例1：绑定事件的两种方式 $(function(){ // 1.通过两种方式给div添加鼠标点击事件. // $("#da").click(function(){ // console.info("ok"); // }) // $("#da").on("cl
jQuery形式替换一个div中的其中一个标签后面的文字
05-31
可以使用以下代码来实现： ```javascript // 假设要替换的标签是 <span id="target"> ，...使用`find()`方法找到目标标签，然后使用`next()`方法获取该标签后面的元素，最后使用`text()`方法将其文本替换为新的文本。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值