javascript - 使用 Greasemonkey 在 Div 下添加新链接

Question

我想添加一个类似于以下的新链接:

<a href="/profile/viewallthread/2323">More Threads by Username</a> 

添加到:

<div class="author vcard" itemscope="" itemtype="http://schema.org/Person" itemprop="author">
  <div class="user-details open" itemprop="name">
     <a href="/profile/2323" class="nickname url tools"> Username </a>
       <div class="user-info">
         <a href="/profile/2323">View Public Profile</a> 
         <a href="/profile/beafriend/2323">Add Friend</a> 
         <a href="/pm/compose/2323">Send a private message</a> 
         <a href="/profile/viewallposts/2323">More Posts by Username</a>\

         //add link here

      </div>
  </div>
</div>

userscript.js(引用文献:Update page to add new link using Greasemonkey)

// ==UserScript==
// @name       My Fancy New Userscript
// @namespace  http://use.i.E.your.homepage/
// @version    0.1
// @description  enter something useful
// @include *.domain.com/*
// @copyright  2012+, You
// ==/UserScript==

var adduserinfo  = $("div.author vcard div.user-info > a");

adduserinfo.each (function () {
    var jThis       = $(this);
    var UserID     = jThis.attr ('href').replace (/\D+(\d+)$/, '$1');
    jThis.parent ().append ('<a href="/profile/viewallthreads/' + UserID + ' ">More Threads by ' + Username +'</a>');

} );

但不工作.. 有什么解决办法吗？谢谢

Answer 1

multiple 的 jQuery 选择器类是 .class1.class2

即尝试一下

var adduserinfo = $("div.author.vcard  div.user-info > a");

jsFiddle here

但是，我不太确定为什么要对所有现有 a 元素进行 foreach ？