如何转换 jQuery 过滤器以与 waitForKeyElements 一起使用？

Question

此代码删除了转发次数少于 3 的推文，但现在我遇到了刷新 (AJAX) 问题。如何添加the waitForKeyElements function 来修复它？

$('.js-stream-item:has(span.ProfileTweet-action--retweet)').filter(function() {
    return parseInt($(this).find('span.ProfileTweet-actionCount').attr('data-tweet-stat-count')) < 3;
}).remove();

Answer 1

要将静态的 jQuery 过滤器转换为支持 AJAX 的 waitForKeyElements()，使用起来并不难：

1. 您的基本选择器只是成为选择器参数。例如：
   waitForKeyElements (".js-stream-item:has(span.ProfileTweet-action--retweet)"...

2. filter(function() 内部几乎按原样转移到 waitForKeyElements 回调。请参阅下面的脚本。

请注意，使用parseInt()、you should always specify the base 时要避免意外（“定时炸弹”）行为。

这是一个完整的脚本，显示了该过滤器到waitForKeyElements的端口：

// ==UserScript==
// @name     _Remove or hide nodes based on jQuery filter
// @include  http://YOUR_SERVER.COM/YOUR_PATH/*
// @require  http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js
// @require  https://gist.github.com/raw/2625891/waitForKeyElements.js
// @grant    GM_addStyle
// ==/UserScript==
/*- The @grant directive is needed to work around a design change
    introduced in GM 1.0.   It restores the sandbox.
*/
waitForKeyElements (
    ".js-stream-item:has(span.ProfileTweet-action--retweet)", removeFilteredNode
);

function removeFilteredNode (jNode) {
    var twtCnt  = parseInt ( 
        jNode.find ('span.ProfileTweet-actionCount').attr ('data-tweet-stat-count')
        , 10
    ) 
    if (twtCnt < 3)
        jNode.remove ();
}