Question

如何获取页面上超链接的ID？

示例

<a id="myID123" href="myLinkPageName.aspx">myLink</a>

注意：页面名称和链接名称是静态的！我应该得到id“myID 123”。

Answer 1

使用jquery非常容易

$('a').attr('id')

$("a[href='myLinkPageName.aspx']").attr('id')

Answer 2

您可以在您想要的超链接上提供课程

<a id="myID123" href="myLinkPageName.aspx" class="my-links">myLink</a>

然后使用jQuery搜索它，执行以下操作：

$('.my-links').attr('id');

如果您想要获取网页中所有超链接的ID，您可以执行以下操作：

$('a').attr('id');

您还可以使用以下属性执行更复杂的搜索：

= is exactly equal
!= is not equal 
^= is starts with 
$= is ends with 
*= is contains

一个例子可能是：

 $('a[href*="myLinkPageName"]')

Answer 3

浏览您的A-Tags并查找匹配的href，然后返回id

我假设你正在使用jquery，我们都这样做： - ）

var foundid = "id not found";
var desired_href = "myLinkPageName.aspx";

$('a').each(function(){
    if($(this).attr('href') == desired_href) foundid = $(this).attr('id');
});

alert(foundid);

这个解决方案并不漂亮，但很快

Answer 4

非jQuery解决方案，只是为了好玩

var href_search = "myLinkPageName.aspxmyLinkPageName.aspx";
for (var i; i<document.links.length; i++) {
    if (document.links[i].href == href_search) break;
}

var id = document.links[i].id;

我如何获得超链接的ID？

4 个答案: