Jquery简单问题.获取span里值

dhttaso 2011-03-23 04:11:08

<div class="warpper">
<span class="content">A<span>123</span></span>
</div>
请问，怎么获取到 "A"值,

...全文

37932 20 点赞打赏收藏举报

写回复

20 条回复

切换为时间正序

当前发帖距今超过3年，不再开放新的回复

发表回复

WhoAmI 2011-03-24

[Quote=引用 13 楼 shuixiya1999 的回复:]

引用 10 楼 like4330 的回复:

引用 8 楼 shuixiya1999 的回复:

引用 7 楼 like4330 的回复:

引用 4 楼 like4330 的回复:

JScript code

$(".content").text().replace($(".content").children().text(),'');

测试通过！！！

……
[/Quote]

呵呵，高！！

打赏
举报

回复赞

gkmzk 2011-03-23

$(".content")[0].firstChild.data
即可

打赏
举报

回复赞

xuxubaby 2011-03-23

以前还真没想过这么多 ~　学习了　～

打赏
举报

回复赞

KeepMoving 2011-03-23

[Quote=引用 14 楼 sharp_ice 的回复:]
HTML code
<html>
<head>
<title></title>
</head>
<body>
<span id="sp">A<span>123</span></span>
<script type="text/javascript" language="javascript">
window.o……
[/Quote]
有道理……

打赏
举报

回复赞

小蝸牛 2011-03-23

$(".content").text();

打赏
举报

回复赞

蓝色_冰点 2011-03-23

<html>

	<head>

		<title></title>

	</head>

	<body>

	<span id="sp">A<span>123</span></span>

	<script type="text/javascript" language="javascript">

		window.onload=function(){

			var span=document.getElementById("sp");

			alert(span.firstChild.nodeValue);

		}

	</script>

	</body>

</html>

建议尽量不要通过class的值来获取指定的dom，因为class主要的作用是来设置标签的样式的，很可能在一个页面中，会有N个标签会用到同一个class，你能保证根据class就一定能取到你想要的那个span吗？这种用法非常容易出错。
而id才应该是唯一标识一个dom的。对于此例，span.firstChild是一个TextNode，可以使用它的nodeValue获取该值

打赏
举报

回复赞

汉尼拔 2011-03-23

[Quote=引用 10 楼 like4330 的回复:]

引用 8 楼 shuixiya1999 的回复:

引用 7 楼 like4330 的回复:

引用 4 楼 like4330 的回复:

JScript code

$(".content").text().replace($(".content").children().text(),'');

测试通过！！！

搞这么复杂干什么

那如果是 “<spa……
[/Quote]
$('.content').contents("[nodeType=3]").text();

打赏
举报

回复赞

gw6328 2011-03-23

[Quote=引用 2 楼 dhttaso 的回复:]
引用 1 楼 jinfengyiye 的回复:

$(".content").text()

你确定可以？我试过了，不行，
[/Quote]

不仔细！ - -!

打赏
举报

回复赞

潮起潮落 2011-03-23

第一个子节点是文本节点吧。
x.firstChild.nodeValue可以取。

打赏
举报

回复赞

WhoAmI 2011-03-23

[Quote=引用 8 楼 shuixiya1999 的回复:]

引用 7 楼 like4330 的回复:

引用 4 楼 like4330 的回复:

JScript code

$(".content").text().replace($(".content").children().text(),'');

测试通过！！！

搞这么复杂干什么
[/Quote]

那如果是 “<span class="content"><span>123</span>A</span>”呢？
你试试

打赏
举报

回复赞

汉尼拔 2011-03-23

两种思路
1.一种走dom方向



$(".content")[0].firstChild.data;

2.另一种走contents方向(如果用children保证你娶不到)



 $('.content').contents("[nodeType=3]").text();

3.其他....(要走一些弯路了)

打赏
举报

回复赞

汉尼拔 2011-03-23

[Quote=引用 7 楼 like4330 的回复:]

引用 4 楼 like4330 的回复:

JScript code

$(".content").text().replace($(".content").children().text(),'');

测试通过！！！
[/Quote]
搞这么复杂干什么

打赏
举报

回复赞

WhoAmI 2011-03-23

[Quote=引用 4 楼 like4330 的回复:]

JScript code

$(".content").text().replace($(".content").children().text(),'');
[/Quote]

测试通过！！！

打赏
举报

回复赞

lioncin 2011-03-23



$('.content span').text()

打赏
举报

回复赞

johnsonvily 2011-03-23



$(function(){

	var html = $(".content").html();

	var val = html.substring(0, html.indexOf("<"));

	alert(val);	

  })

打赏
举报

回复赞

WhoAmI 2011-03-23



$(".content").text().replace($(".content").children().text(),'');

打赏
举报

回复赞

汉尼拔 2011-03-23

$(".content")[0].firstChild.data;

打赏
举报

回复赞

dhttaso 2011-03-23

[Quote=引用 1 楼 jinfengyiye 的回复:]

$(".content").text()
[/Quote]

你确定可以？我试过了，不行，

打赏
举报

回复赞

gw6328 2011-03-23

$(".content").text()

打赏
举报

回复赞

jquery.validate.js 详解 jquery下载地址：...jquery.validate.js是我们经常用到的form表单验证插件，可以很方便的帮我们进行表单验证。这里来学习一下他的用法，觉得不够详细的同学，可以去官网继续学习。 1.jq...

jq获取span的value值在做项目的时候，为了取到span的value可谓费尽心思，其实问题很简单... 分析：首先我取到了span标签这个对象，好像很快就能取到value值了，我使用了jq里面的text(),val()等一些常用的取值方法，但是根本不行。 ...

jQuery表单库jquery.form.js jQuery表单库（jquery.form.js库）以jQuery为基础，用于处理表单AJAX提交，使得表单AJAX提交简单、容易，且能完整控制提交过程和处理结果，不需要任何特殊标签辅助，不影响原表单结构，只要使用该库就能使普通表单...

jquery中获取元素里某一特定子元素的代码问题的出现是我要选择一个ul里某个的li中的一个span，因为要利于编程，li是用 $(‘ul>li’).eq(i) 来做的选择，虽然问题还是能用之前的方法解决，但总感觉代码有点臃肿,而且效率也很低下。既然JQUERY被誉为目前所有...

jQuery设置和获取span的内容（简单示例说明）示例代码如下： <html> <head> <script type="text/javascript" src="/jquery/jquery.js"

jQuery/Zepto.js获取datalist元素指定option选项的属性值本文主要通过一个简单示例，介绍了获取datalist元素指定option选项属性值的方法，同时提供了相关源码。背景页面上有input元素及关联的datalist的元素，datalist元素中有许多option选项，各选项各有value值及...

html jq获取span的值,JQ和Js获取span标签的内容第十三章、学习 Shell Scripts 简单的 shell script 练习简单的 shell script 练习简单范例对谈式脚本:变量内容由使用者决定 [root@www scripts]# vi sh02.sh #!/bin/bash # Program: # Us ... window bzr ...

jquery 获取键值对中最大值_JQuery中根据属性或属性值获得元素(6种情况获取方法)... 在jQuery 中$("")，这个语法等同于$(document.createElement("span")) ，这是一种用法，在选择元素的时候还会这样子的用：[attribute$=value]，匹配给定的属性是以某些值结尾的元素。下面举个例子来说明一...

jquery.pagination.js分页插件的简单使用 jquery.pagination.js分页插件的简单使用

jQuery验证控件jquery.validate.js使用说明+中文API 一导入js库二、默认校验规则 (1)required:true 必输字段 (2)remote:"check.php" 使用ajax方法调用check.php验证输入值 (3)email:true 必须输入正确格式的电子邮件 (4)url:true 必

jQuery完全实例.rar jQuery1.2 API 中文版折叠展开折叠全部展开全部英文说明核心jQuery 核心函数 jQuery(expression,[context]) jQuery(expression,[context]) 这个函数接收一个包含 CSS 选择器的字符串，然后用这个字符串去匹配一组...

JavaScript JQuery获取span、button标签中的文本 1、JavaScript 获取文本代码入下： var span = document.getElementById(...2、JQuery获取文本代码如下： var realPay = $("#realPayment").text(); ps:虽然比较简单，但还是总结了下，在调试的时候常常会

jquery获取img的src值 jquery获取img的src值.. 简简单单的一句话，如下： <img id="img" src="1.jpg" alt="test" /> 引用的jquery如下： <script type="text/javascript" language="javascript" src="~/Js/jquery-1.2.6.js"&...

jq怎么获取label的值_怎么使用jquery获得标签的值或元素的内容？展开全部怎么使用jquery获得标签的值或元素的内容？jquery提供了三个获e5a48de588b662616964757a686964616f31333365633838得内容的方法， text()、html() 以及 val()，其中前两个可用于解决本问题，$("label#userid...

js获取上传文件内容，ajax提交/jQuery.form.js js上传、文件/图片及其提交方式用formData对象承载表单jQuery.form.js附：图片格式转换用formData对象承载表单 files是文件选取控件的属性，存储的是文件选取控件选取的文件对象，类型是一个数组，下方显示为fileM...

jquery 获取对象的html,Jquery 获取对象的几种方式详细介绍 1、JQuery的核心的一些方法each(callback) '就像循环$("Element").length; ‘元素的个数，是个属性$("Element").size(); '也是元素的个数，不过带括号是个方法$("Element").get(); ‘某个元素在页面中的集合，以数组...

2022初一入团申请书500字.docx 2022初一入团申请书500字.docx

a matlab implementation of adaptive 2 d - bem a matlab implementation of adaptive 2 d - bem

医生年终自我鉴定.doc 医生年终自我鉴定.doc

发帖

JavaScript

加入

8.5w+

社区成员

22.3w+

社区内容

Web 开发 JavaScript

申请成为版主

帖子事件

创建了帖子

2011-03-23 04:11

社区公告

暂无公告