<!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
documentgetElementsByTagName('span')
获取到的是一个数组,但是这样子直接获取标签名不太好,
建议你在你需要用到的span上增加同名的类,通过类名来获取,避免获取到其他不相关的span
JS了,获取到了,剩下的就看你要怎么用了。<span id="span1">
<div>d545</div>
<img src="asdjpg">
<img src="a3jpg">
<img src="345jpg">
<div>aaa</div>
<div>4545</div>
</span>
以下是获取结果:
<script>
function getE(){
var oo=documentgetElementsByTagName("img");
for(var i=0;i<oolength;i++){
documentwriteln(oo(i)src+'<br>');
}
}
getE();
</script>
function test()
{
var spans=documentgetElementsByTagName("span");
var arr=[];
for(var i=0;i<spanslength;i++)
{
if(spans[i]id=="")
{arrpush("没有id属性");}
else
{arrpush(spans[i]id);}
}
alert(arrjoin("[+]"));
}
</script>
这种情况使用jquery的类选择器, 用each遍历出来
$("selectlist")each(function (this){
consolelog($(this)val());
});
以上就是关于js怎么获取当前点击的div里面 span里面的值全部的内容,包括:js怎么获取当前点击的div里面 span里面的值、js怎么获取多个span、如何用易语言或者js取得浏览器中span1元素里面的所有Img等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)