js获取<li>的子节点<a>里的title？？
<ulid="tags"class="tab"><liclass="selected"><ahref="javascript:void(0)"onClick="selec...
<ul id="tags" class="tab">
<li class="selected"><a href="javascript:void(0)" onClick="selectTag('detail0',this)" title="1">电潜泵井</a></li>
<li><a href="javascript:void(0)" onClick="selectTag('detail1',this)" title="2">机抽井</a></li>
<li><a href="javascript:void(0)" onClick="selectTag('detail2',this)" title="3">自喷井</a></li>
<li><a href="javascript:void(0)" onClick="selectTag('detail3',this)" title="4">注水井</a></li>
</ul>
我怎么获取到被选中的那个<a>标签里的title的值 求大神指导 展开
<li class="selected"><a href="javascript:void(0)" onClick="selectTag('detail0',this)" title="1">电潜泵井</a></li>
<li><a href="javascript:void(0)" onClick="selectTag('detail1',this)" title="2">机抽井</a></li>
<li><a href="javascript:void(0)" onClick="selectTag('detail2',this)" title="3">自喷井</a></li>
<li><a href="javascript:void(0)" onClick="selectTag('detail3',this)" title="4">注水井</a></li>
</ul>
我怎么获取到被选中的那个<a>标签里的title的值 求大神指导 展开
5个回答
展开全部
这个要用到JS中的innerHTML来实现，具体代码如下：
<style>
ul{width:300px; height:auto; margin:0 auto; border:1px dotted #F00; text-decoration:none;}//给UL定义一个样式
li{width:300px; height:30px; line-height:30px; list-style: none; }//控制LI显示样式
</style>
<ul id="aaa">//这里给出UL一个ID，以便JS脚本获取相应元素
<li>中国</li>
<li>美工</li>
<li>意大利</li>
<li>德国</li>
</ul>
<script>
window.onload = function(){
var obj_lis = document.getElementById("aaa").getElementsByTagName("li");
for(i=0;i<obj_lis.length;i++){
obj_lis[i].onclick = function(){
alert(this.innerHTML);
}
}
}
</script>。
<style>
ul{width:300px; height:auto; margin:0 auto; border:1px dotted #F00; text-decoration:none;}//给UL定义一个样式
li{width:300px; height:30px; line-height:30px; list-style: none; }//控制LI显示样式
</style>
<ul id="aaa">//这里给出UL一个ID，以便JS脚本获取相应元素
<li>中国</li>
<li>美工</li>
<li>意大利</li>
<li>德国</li>
</ul>
<script>
window.onload = function(){
var obj_lis = document.getElementById("aaa").getElementsByTagName("li");
for(i=0;i<obj_lis.length;i++){
obj_lis[i].onclick = function(){
alert(this.innerHTML);
}
}
}
</script>。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script class="jquery library" src="/js/sandbox/jquery/jquery-1.8.2.min.js" type="text/javascript"></script>
<title>
RunJS 演示代码
</title>
<script>
jQuery(function($){
$("li").click(function(){
alert($(this).children("a").attr("title"))
})
})
</script>
</head>
<body>
<ul id="tags" class="tab">
<li class="selected">
<a href="javascript:void(0)" onClick="selectTag('detail0',this)" title="1">
电潜泵井
</a>
</li>
<li>
<a href="javascript:void(0)" onClick="selectTag('detail1',this)" title="2">
机抽井
</a>
</li>
<li>
<a href="javascript:void(0)" onClick="selectTag('detail2',this)" title="3">
自喷井
</a>
</li>
<li>
<a href="javascript:void(0)" onClick="selectTag('detail3',this)" title="4">
注水井
</a>
</li>
</ul>
</body>
</html>
追问
谢谢 解答
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
function selectTag(text,temp){
var theTitile = $(temp).attr("title");
alert(theTitile);
}
var theTitile = $(temp).attr("title");
alert(theTitile);
}
追问
谢谢解答
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
onClick="selectTag('detail2',this.title)
function selectTag(v1,v2)
{
v2就是你想要的值
}
function selectTag(v1,v2)
{
v2就是你想要的值
}
追问
谢谢解答
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
li标签和a标签怎么被选中？
更多追问追答
追问
追答
你这是点击修改样式啊。而且你修改的li的样式，和a标签的title属性有什么关系呢？
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
