jquery - 检查页面上是否已存在链接

Question

我正在尝试解决两种情况:

1. 确定所单击的链接是否已存在于页面上。

2. 如果该链接已经存在，则获取重复链接中被点击的链接的index()。

我的代码无法正常工作，因为它无法正确识别单击的链接是否重复，并且它为我提供了所有链接总和而不是重复链接的索引。

$("a").click(function() {
   Rank = $(this).index('a');
   if($("a").attr("href") != $(this).attr("href")) {
        alert('\nLink Rank '+Rank+'\n\nYes, this is duplicate link');
       return false;
    }
    else {
        alert('\nLink Rank '+Rank+'\n\nNo, this is NOT a duplicate link');
        return false;
    }
});

演示:http://jsfiddle.net/no4gkk0n/1/

Answer 1

您可以使用属性选择器[href="foo"]查找具有相同属性的元素，然后检查length属性。如果大于 1，则存在重复链接:

$("a").click(function (e) {
    e.preventDefault();
    Rank = $(this).index('a');
    if ($("a[href='" + $(this).attr("href") + "']").length > 1) {
        alert('\nLink Rank ' + Rank + '\n\nYes, this is duplicate link');
    } else {
        alert('\nLink Rank ' + Rank + '\n\nNo, this is NOT a duplicate link');
    }
});

Example fiddle