个人中心
gpt4 book ai didi

javascript - 在 javascript/jquery 中查找多个值

转载 作者：太空宇宙 更新时间：2023-11-04 11:56:46 27 4
gpt4 key购买 nike

我有一个单词突出显示 jquery 插件，它可以检测 div 中的一个单词(在本例中为 pre)，并突出显示它。我对其进行了编辑，使其可以检测多个单词，但每个函数只能检测一个单词，我希望它可以为每个函数找到多个单词(有点像语法荧光笔)。
HTML:

<!Doctype HTML>
<html>
<head>
<link rel="stylesheet" href="i.css" type="text/css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
<script src="css.js" type="text/javascript"></script>
</head>
<body onload="page();">
<button ontouchstart="page()">execute</button>
<script>
function page() {
get();
spud();
spuds();
getting();
}

function getting() {
var rego = 'get';
$('pre').highlight(rego,'green');
}

function get() {
var regi = 'hget';
    $('pre').highlight(regi,'green');
}

function spud() {
var you = 'potato';
$('pre').highlight(you,'highlight'); // change 'you' with a var value
}

function spuds() {
var your = 'chips';
   $('pre').highlight(you,'highlight'); // change 'you' with a var value
    }

</script>

<pre contenteditable="true" id="pre">
get potato chips
hget potato chips now
</pre>
</body>
</html>

CSS:

.highlight { color: red }
.green { color:green}

插件:

jQuery.fn.highlight = function(e,spill) {
function t(e, i) {
    var h = 0;
    if (3 == e.nodeType) {
        var n = e.data.toUpperCase().indexOf(i);
        if (n -= e.data.substr(0, n).toUpperCase().length - e.data.substr(0, n).length, 
        n >= 0) {
            var a = document.createElement("pig");
            a.className = spill;
            var r = e.splitText(n);
            r.splitText(i.length);
            var s = r.cloneNode(!0);
            a.appendChild(s), r.parentNode.replaceChild(a, r), h = 1;
        }
    } else if (1 == e.nodeType && e.childNodes && !/(script|style)/i.test(e.tagName)) for (var l = 0; l < e.childNodes.length; ++l) l += t(e.childNodes[l], i);
    return h;
}
return this.length && e && e.length ? this.each(function() {
    t(this, e.toUpperCase());
}) :this;
}, jQuery.fn.removeHighlight = function() {
 return this.find("pig."+spill+"").each(function() {
        with (this.parentNode.firstChild.nodeName, this.parentNode)    replaceChild(this.firstChild, this), 
      normalize();
 }).end();
};

我的目标是在变量 rego regi you your 中有多个值.例如，在 var your 中，我想要这样的内容:var your = "chips","kumara","grease";，我已经尝试过 var your = ["chips","kumara","grease"];，但它不起作用。

最佳答案

可以尝试替换:

return this.length && e && e.length ? this.each(function() {
    t(this, e.toUpperCase());
}) :this;

与

return this.length && e && e.length ? this.each(function() {
    var arr = typeof e === 'string' ? [e] : e,
        self=this; 
    $.each(arr, function(_, term){
        if(term.length){
           t(self, term.toUpperCase());
        }
    });    
}) :this;

它现在正在检查该值是字符串还是数组，因此您可以使用其中之一

关于javascript - 在 javascript/jquery 中查找多个值，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30145055/

27 4 0
文章推荐： html - CSS 中的双正方形
文章推荐： c++ - 调试版本运行但发布给出 0xc000007b - 缺少 dll？
文章推荐： c++ - Qt -C++ 可搜索 DataTable 到 DataGrid 功能？
文章推荐： java - ActiveMQ安装时出错
太空宇宙
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com