选择具有匹配文本关键字的元素,忽略大写(jQuery)

时间:2016-08-18 03:30:14

标签: javascript jquery css greasemonkey

我以为我会与社区分享我对包含文本关键字的目标元素进行一些独特的旋转,但忽略大写字母,然后用一点CSS来完成元素。我不是每个人都宣称我使用的代码是完美的,但如果你看到改进,请随意,享受吧。

1 个答案:

答案 0 :(得分:0)

以下是代码:

此部分基本上表示忽略大写:

jQuery.expr[':'].contains = function(a, i, m) {
  return jQuery(a).text().toUpperCase()
      .indexOf(m[3].toUpperCase()) >= 0;
};

此部分主要根据关键字选择元素,并应用一些CSS:

var array1 = ['trump', 'blah', 'hillary', 'blah'];
$(array1).each(function () {
    $(".yt-shelf-grid-item:contains(" + this + ")").css({"opacity":"1","filter":"grayscale(100%) brightness(30%) contrast(77%)"});
});

尽量不要碰这个:

function addJQuery(callback) {
    var script = document.createElement("script");
    script.setAttribute("src", "https://code.jquery.com/jquery-2.0.3.min.js");
    script.addEventListener('load', function() {
        var script = document.createElement("script");
        script.textContent = "window.jQQ=jQuery.noConflict(true);(" + callback.toString() + ")();";
        document.body.appendChild(script);
    }, false);
    document.body.appendChild(script);
}