你好!
通过jquery的层级选择器,可以轻松搞定:
$('div')click(function(){// ">span:nth-child(3)" 表示div的子span元素集合中的第3个元素
// "$(">span:nth-child(3)",this)" 表示在当前div查找
alert( $(">span:nth-child(3)",this)html() );
//另外eq()方法也同样可以,注意索引从0开始
alert( $(">span",this)eq(2)html() );
//jquery中的children
alert( $(this)children("span")last()text() );
//匹配最后一个子元素
alert( $(">span:last-child",this)html() );
alert( $(this)children("span:last")html() );
}
希望对你有帮助!
准确的说,提取span标签中间的内容可以使用javascript实现或者使用jQuery实现
1、使用javascript实现
a、为span设置一个id,写如下js代码
var value=documentgetElementById("span的id属性")innerHTML;或
var value=documentgetElementById("span的id属性")innerText;
就可以取出下面的span标签中间的文本
innerHTML和innerText的区别再是能否识别html标签
2、使用jQuery实现
a、为span设置一个id,写如下jquery代码
$("#span的id属性")html()或者
$("#span的id属性")text()
b、不设置任何属性
$("div span")html()取出div下第一个span的内容或者
$("div span")text()取出div下所有span的内容
$('span')click(function(){
alert($(this)parent()prop('id')); //d出你点击的数字对应li的id
})
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>Ball</title>
<style type="text/css">
</style>
<script type="text/javascript" src="jquery-180minjs"></script>
<script type="text/javascript">
$ (function ()
{
$ ("span")click (function ()
{
alert ($ (this)attr ("id"));
})
$ ("button")click (function ()
{
alert ($ (this)closest ("divprofile-info-row")find ("editable")attr ("id"));
})
});
</script>
</head>
<body>
<div class="profile-info-row">
<div class="profile-info-name">联系电话</div>
<div class="profile-info-value">
<span class="editable" id="uMobile">1111111111111 </span>
</div>
<div>
<button>test</button>
</div>
</div>
</body>
</html>
span是最简单的容器,可以当作一个形式标签,其取值赋值方法有别于一般的页面元素。
//赋值$("#spanid")html(value)//取值$("#spanid")text()
内容拓展:
一、jQuery
1、jQuery是一套跨浏览器的JavaScript库,简化HTML与JavaScript之间的 *** 作。由John Resig在2006年1月的BarCamp NYC上发布第一个版本。目前是由 Dave Methvin 领导的开发团队进行开发。全球前10000个访问最高的网站中,有59%使用了jQuery,是目前最受欢迎的JavaScript库。
2、jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多javascript高手加入其team,包括来自德国的Jörn Zaefferer,罗马尼亚的Stefan Petre等等。jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。
3、由于目前高校基本尚未开JavaScript的相关课程,目前jQuery的学习,使用,研究都仅限于在职Web程序员之间。
二、SPAN技术
1、主要是用来监控交换机上的数据流,大体分为两种类型,本地SPAN和远程SPAN ----Local Switched Port Analyzer (SPAN) and Remote SPAN (RSPAN),实现方法上稍有不同。
2、利用SPAN技术我们可以把交换机上某些想要被监控端口(以下简称受控端口)的数据流COPY或MIRROR一 份,发送给连接在监控端口上的流量分析仪,比如CISCO的IDS或是装了SNIFFER工具的PC 受控端口和 监控端口可以在同一台交换机上(本地SPAN),也可以在不同的交换机上(远程SPAN)。
以上就是关于jquery 获取 DIV 下的 第2个 span全部的内容,包括:jquery 获取 DIV 下的 第2个 span、如何取div中包含的span的value、HTML JQUERY 通过span内容获得span的id等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)