js获取多个<a>标签其中的一个值

在写jsp的过程中往往会出现多个相同的标签，但我们只要取其中之一，由于有时候标签数量过多，不可能都会去用id去区分每个标签的，这样代码量会很大，灵活性太差了。

HTML代码:

<a href="#">长宁</a> <a  href="#">崇明</a> <a href="#">奉贤</a> <a href="#">虹口</a> <a href="#">黄浦</a> <a href="#">嘉定</a> <a href="#">金山</a> <a href="#">静安</a> <a href="#">卢湾</a> <a href="#">闵行</a> <a href="#">浦东</a> <a href="#">普陀</a> <a href="#">青浦</a> <a href="#">松江</a> <a href="#">徐汇</a> <a href="#">杨浦</a> <a href="#">闸北</a> <a href="#">其他</a>

 这里就需要简洁的实现了，这里主要是运用jquery插件

js代码：

$("a").live("click",function(){
       var text =$(this).text();//这里是获取点击某一个<a>标签的text值
      var a=document.getElementById(id);
       a.childNodes[0].data =text; //这里是给某个标签赋值			
	});

 但是“a.childNodes[0].data ” 在这里，并不是所有的浏览器都支持，比如：ie6 就不支持。为了浏览器兼容，这里可以选择最原始的方法“document.getElementById(id).innerHTML（text）”,这个是基本支持全部浏览器的；还可以使用jquery：“$("#id").html(text)”。

如果要显示不同div里的<a>标签的时候，可以给该div定义一个ID 然后通过DIV 的id来获取相应的值

$("#divid a").live("click",function(){
       var text =$(this).text();//这里是获取点击某一个<a>标签的text值
      var a=document.getElementById(id);
       a.childNodes[0].data =text; //这里是给某个标签赋值			
	});