这种情况使用jquery的类选择器， 用each遍历出来
$("selectlist")each(function (this){
consolelog($(this)val());
});
这里以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);//d出获取的内容
});
</script>
运行，将获取span的内容“对象”二字。
因为问题中是要获取当前对象下的节点，所以代码中将input放在div里面。
<!doctype html>
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<li>
<div class="vt-el-inner">
<div class="inner-logo">
<img src="/PPIMG/001jpg">
</div>
<div class="inner-title"><span>1</span>马格全屋定制</div>
<div class="inner-btn">
<div class="vote-count fl">7899票</div>
<button class="vote-send fr" onclick="asd(this)">投TA一票</button>
</div>
</div>
</li>
<li>
<div class="vt-el-inner">
<div class="inner-logo">
<img src="/PPIMG/002jpg">
</div>
<div class="inner-title"><span>2</span>马格全屋定制</div>
<div class="inner-btn">
<div class="vote-count fl">789票</div>
<button class="vote-send fr" onclick="asd(this)">投ta一票</button>
</div>
</div>
</li>
<script type="text/javascript" src="jquery-321js"></script>
<script type="text/javascript">
function asd(obj){
var ret = $(obj)parent()siblings("inner-title")find("span")html();
consolelog(ret)
}
</script>
</body>
</html>
需要引入jquery
以上就是关于js获取span的值全部的内容，包括:js获取span的值、js如何获取当前对象的下一个span节点，代码如下、js怎么获取当前点击的div里面 span里面的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）