Jquery简单问题.获取span里值

dhttaso 2011-03-23 04:11:08
<div class="warpper">
<span class="content">A<span>123</span></span>
</div>
请问,怎么获取到 "A"值,
...全文
37917 点赞 收藏 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()
回复
相关推荐
发帖
JavaScript
创建于2007-09-28

8.5w+

社区成员

Web 开发 JavaScript
申请成为版主
帖子事件
创建了帖子
2011-03-23 04:11
社区公告
暂无公告