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

Question

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

1. 识别页面上的链接是否已经存在。

2. 然后，如果链接已经存在，请获取重复链接的链接的index（）。

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

。

$("a").click(function() {
   Rank = $(this).index('a');
   if($("a").attr("href") != $(this).attr("href")) {
        alert('nLink Rank '+Rank+'nnYes, this is duplicate link');
       return false;
    }
    else {
        alert('nLink Rank '+Rank+'nnNo, 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 + 'nnYes, this is duplicate link');
    } else {
        alert('nLink Rank ' + Rank + 'nnNo, this is NOT a duplicate link');
    }
});

示例小提琴