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

这段代码删除了少于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();

最佳答案

要将这样的静态jQuery过滤器转换为可识别AJAX的waitForKeyElements()，使用起来并不难：


您的基本选择器将成为选择器参数。例如：
waitForKeyElements (".js-stream-item:has(span.ProfileTweet-action--retweet)"...
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 ();
}