将jquery 转换为javascript 以便能够在greasemonkey 上运行？答案

【问题标题】：convert jquery to a javascript to be able to run on greasemonkey?将jquery 转换为javascript 以便能够在greasemonkey 上运行？
【发布时间】：2015-02-24 00:26:58
【问题描述】：

我开发了一个 Greasemonkey 脚本，可以在我最喜欢的列表网站上运行。它会在页面顶部生成一个按钮 :) 然后单击后我可以调用我想要的函数。

问题是，我要调用的脚本是jquery格式的，我了解到jquery和javascript虽然相近，但是不能通过javascript调用jquery，加上不能用的想法jquery 因为它给网站带来了很多冲突:(

这里是greasemonkey脚本：

// ==UserScript==
// @name         My Fancy New Userscript
// @namespace    http://your.homepage/
// @version      0.1
// @description  enter something useful
// @author       You
// @grant        none
// @include *
// ==/UserScript==

var input=document.createElement("input");
input.type="button";
input.value="GreaseMonkey Button";
input.onclick = showAlert;

document.body.insertBefore(input,document.body.firstChild); 

function showAlert()
{
    alert("Hello World");
}

这是我点击按钮后要运行的jquery：

$("tr.project-description").filter(function() {
return !$("span.verfied-badge", this).length;
}).remove();

它的作用是删除 <tr> 元素而没有想要的 <span class="verfied-badge"> 问题在这里相关：javascript on page load check if a span (under <tr>) with a specific class exist, if does not exist remove the entire <tr>

希望有人可以提供帮助。谢谢！

【问题讨论】：

How can I use jQuery in Greasemonkey?的可能重复
问题是，我要调用的脚本是jquery格式的，我了解到jquery和javascript虽然相近，但是不能通过javascript调用jquery i> 看完这篇，我的心都快死了。
我需要使用 javascript 因为 jquery 冲突:(

标签： javascript greasemonkey

【解决方案1】：

可能的功能：

(function(){
    var rows=document.querySelectorAll('tr.projection-description'),row;
    for(var r=rows.length-1;r>=0;r--){
      row=rows.item(r);
      if(!row.querySelector('span.verfied-badge')){
         row.parentNode.removeChild(row);
      }
    }
  }());

<table>
<tr class="projection-description"><td><span class="verfied-badge">verified-badge</span></td></tr>
<tr class="projection-description"><td><span>another badge</span></td></tr>
<tr class="projection-description"><td><span class="verfied-badge">verified-badge</span></td></tr>
<tr class="projection-description"><td><span>another badge</span></td></tr>
<tr class="projection-description"><td><span class="verfied-badge">verified-badge</span></td></tr>
</table>

【讨论】：