javascript - 按内容匹配元素在控制台中有效，失败 "in real life"

Question

我想隐藏来自 YouTube 上已知不良 channel 的视频结果。它应该不是很有挑战性。视频项主要有两种 span 变体:搜索视频时使用较大的 .result-item，搜索视频时使用较小的 .video-list-item相关视频栏。两者都在其内部 .yt-user-name 元素中列出了 channel 所有者。

通过使用 Chrome 20 的开发者控制台，我发现以下内容可以按预期工作:

1. 从 any page with search results 开始, 注入(inject) jQuery
2. 使用 a = $(".video-list-item, .result-item")[0] 选择第一个搜索结果
3. 提取用户名并使用 $(a).find(".yt-user-name").text().toLowerCase()
将其转换为小写

因此我尝试了以下方法:

badChannels = ["vaivecorporation"] #fill in as desired

$(jQuery.grep($(".video-list-item, .result-item"),
  function(item, number){
    username = $(item).find(".yt-username").text().toLowerCase();
    console.debug(username);
    return badChannels.indexOf(username) != -1;
  })).css('opacity', 0.1);

尽管有大量的 jQuery，它是完美的并且可以做所有事情，注入(inject) the latest jQuery和上面的 here只需给我 24 个换行符。

我做错了什么？

Answer 1

快速浏览一下页面源代码，您似乎需要 yt-user-name，而不是 yt-username