Question

我编写了以下jQuery来遍历HTML部分中的每个<a>对象：

$(".chapterindex" + key + " div.link a").each(function(intIndex){
  alert("Numbered index: " + intIndex);
});
});

jQuery第一行中使用的键值来自我手动构建的URL数组，如下所示：

var chapters = new Array();
chapters[0] = "original/html/0/ID0EFJAE.html";

我可以提醒intIndex给我，0,1,2,3,4,5....等。

但是我如何扩展上面的jQuery以从HTML中找到的每个链接获取href属性？

Answer 1

试试这个：

$(".chapterindex" + key + " div.link a").each(

    function(intIndex){
        alert( "Numbered index: " + intIndex );

        var href = $(this).attr('href');
    });
});

Answer 2

您可以通过$(this).attr('href')

访问它

Answer 3

$(".chapterindex" + key + " div.link a").each(

    function(intIndex){
        alert( "Numbered index: " + $(this).attr("href") );
    });
});

Answer 4

$(".chapterindex" + key + " div.link a").each(function () {
  alert(this.href);
});

Answer 5

您是否需要标签中显示的完整HREF或HREF？

某些人提出的jQuery对象方法$(this).attr('href')将返回标记中设置为HREF属性的任何内容。

John提出的DOM节点属性方法this.href将返回完全限定的URL。

所以给定一个链接<a href="/resources/foo.ext">Foo</a>，jQuery方法将返回“/resources/foo.ext”，而另一个方法将返回“http://mysite.ca/currentpath/resources/foo.ext”。

所以这取决于你需要返回的东西。

获取HTML部分中每个链接的href属性

5 个答案: