jquery - 如果没有 ID，如何使用 jQuery 更改网站图标？

Question

如果没有 ID，如何使用 jQuery 更改网站图标？我试图添加一个 ID，但我似乎无法找到它。我一直试图在控制台中找到正确的路径，但没有成功。这是我尝试过的： jQuery(:contains("shortcut icon")).attr("id", "favicon")

我认为这些是步骤，但我无法通过第一个步骤：

1. 通过 jquery 访问 FAVICON 的位置：卡住。这是HTML：

   <link href='/favicon.png' rel='shortcut icon' />
   

2. 将 ID 添加到 FAVICON：

   $('element').attr('id', 'favicon');
   

3. 使用 ID，更改 FAVICON：

   $('#favicon').attr('href','https://aerohive.com/sites/all/themes/aerohivenetworks/favicon.ico');
   

这是页面：http: //community.aerohive.com/aerohive

Answer 1

元素的类型link不是element。

不过，您可能有多个链接元素，因此您应该更具体并使用属性选择器（因为您的属性可能具有唯一值）。

jQuery('link[rel="shortcut icon"]')

添加 ID，丢弃对元素的引用，然后使用 ID 获取对元素的新引用是没有意义的。只需跳过第 2 步。

jQuery('link[rel="shortcut icon"]').attr('href','https://aerohive.com/sites/all/themes/aerohivenetworks/favicon.ico');

Answer 2

对我有用的答案在这里

$(window).load(function () {
    $('head').append('<link href="your_favicon_name.ico" rel="shortcut icon" type="image/x-icon" />');
  });

检查这个帖子