Question

如何获取链接的索引号？点击链接？我试过这段代码，以显示值

alert("i am script");
var an=[];
var href=[];
var atext=[] 
an = document.getElementsByTagName("a");
for(var i=0;i<an.length;i++)
{
    alert("i am inside for");
    href[i]=an[i].getAttribute("href");
    atext[i]=an[i].innerHTML;   
}

Answer 1

使用JavaScript方式：

var links = document.getElementsByTagName('a');

for(var i = 0; i< links.length; i++){
  alert('index is: '+i+' link is: '+links[i].href);
}

jQuery方式：

var links = $('a');
$.each(links, function(index, link){ 
  alert('index is: '+index+' link is: '+$(link).attr('href'));
});

Answer 2

通过javascript 使用 document.links

var arr = [], l = document.links;
for(var i=0; i<l.length; i++) {
  arr.push(l[i].href);
}

参考get all the href attributes of a web site

更新以获取索引号

$("a").click(function(e){
e.preventDefault();

$(document).find("a").each(function(index,val){

alert("it is " + index + "  whose href is " +$(val).attr("href"));

});

});

Answer 3

你说“点击链接”对吗？你有：

$("a").click(function(){
    var index = $(this).index();
    alert(index);
});

干杯

Answer 4

试用此JavaScript：

<强> HTML

<div id="xx">
<a href="#">link 1</a>
<a href="#">link 2</a>
<a href="#">link 3</a>
<a href="#">link 4</a>
</div>

<强>的javascript：

var g = document.getElementById('xx');
for (var i = 0, len = g.children.length; i < len; i++)
{ 
    (function(index){
        g.children[i].onclick = function(){
              alert(index)  ;
        }    
    })(i);

}

如何使用javascript或jquery在网页中的链接号

4 个答案: