jquery - 在 jQuery 中合并重复的 if 函数

Question

将其合并为一个if声明的正确方法是什么？

$('span').filter(function() {

    var myEl = $(this);
    var myText = myEl.text();

        if (myText.match('foo')) {
            $(myEl).addClass('foo');
        }

        if (myText.match('bar')) {
            $(myEl).addClass('bar');
        }

        if (myText.match('baz')) {
            $(myEl).addClass('baz');
        }

  });

Answer 1

例如，您可以这样做：

['foo', 'bar', 'baz'].forEach(function(v){
   if (myText.match(v)) myEl.addClass(v);
});

或者，如果您想与 IE8（没有forEach）兼容：

$.each(['foo', 'bar', 'baz'], function(_, v){
   if (myText.match(v)) myEl.addClass(v);
});

请注意，我替换$(myEl)为myElasmyEl已经是一个 jQuery 对象。

Answer 2

An option with regular expressions:

 var matches = myText.match(/foo|var|baz/g);
 if(matches) myEl.addClass(matches.join(" "));