Question

js如何获取当前对象的下一个span节点，代码如下

<div class="thumb"
onclick="thumbApology('<s:property value="id" />', '<s:property value='#session.USER5.id' />', '<s:property value='thumbCount' />', this)"></div>
<span><s:property value="thumbCount" /></span>

function thumbApology(apologyId, userId, thumbCount, obj) {
alert(obj.nextSbiling);
总是弹出undefined，求大神解答。

Answer 1

这里以jquery为例

思路：

当点击按钮的时候，获取当前按钮所被包含的元素，再查找这个元素里面对应的span节点。

1、html代码

<div>
js如何获取当前<span>对象</span>的下一个span节点，代码在下面。
<input type="button" id="btn" value="获取span节点" />
</div>

2、js代码

<script>
$("#btn").click(function(){
    var spanhtml=$(this).parent().find("span").html();//查找当前按钮的父元素，根据父元素查找包含的span节点
    alert(spanhtml);//弹出获取的内容
});
</script>

运行，将获取span的内容“对象”二字。

因为问题中是要获取当前对象下的节点，所以代码中将input放在div里面。

Answer 2

$('xx').next('span')

Answer 3

jquery有个next()方法，可以直接用。
$("#XXXX").next('span')

Answer 4

是不是单词写错了
应该是nextSibling

追问

确实是单词错了，百度上copy的也能错！可是我用nextSibling获取的是text类型的，我觉得可能要nextSibling.nextSibling才能获取到span，还有其他方法吗？

追答

可以把div和span之间的空格都删掉

或者用jQuery的话就简单了

var text=$("div").next("span").html();

追问

对喔，谢谢了哦，能加个好友吗，有一个ajax返回值有时间差的问题想问问你。

Answer 5

obj.nextElementSibling