Javascript 检查不规则组合条目是否无效的indexOf？

我使用以下JavaScript检查组合条目：

var proteins = [
    "charred sirloin steak", 
    "roasted salmon", 
    "grilled chicken", 
    "grilled salmon", 
    "jerk chicken",
    "miami ribs", 
    "charred steak", 
    "tandoori chicken supreme"
];

var sides = [
    "israeli couscous salad",
    "kale caesar", 
    "field o greens",
    "grilled broccoli",
    "greek salad", 
    "coconut curry quinoa salad",
    "vegetable egg fried rice",
    "general tao brussel sprouts",
    "tokyo slaw",
    "mac cheese",
    "potato salad"
];

var comboEntries = document.querySelectorAll('.combo-display .combo-item');
for (var i = 0; i < comboEntries.length; i++) {
  if (proteins.indexOf(comboEntries[i].innerText) == -1 || sides.indexOf(comboEntries[i].innerText) == -1) {
    comboEntries[i].style.color = "orangered";
    console.log(comboEntries[i].innerText + " is not a regular combo item.");
  }
}

---

因此，

自定义项

应突出显示为不规则项

尽管由于缺少HTML代码，您的问题不清楚，但如果我没有错，那么您正试图突出显示既不在

蛋白质中也不在
两侧的值

为此，您应该在
if条件中使用
&&

以下是一个工作片段：


var蛋白质=[
“烧焦的牛腰肉牛排”，
“烤鲑鱼”，
“烤鸡”，
“烤鲑鱼”，
“鸡干”，
“迈阿密肋骨”，
“烧焦牛排”，
“tandoori鸡肉至尊”
];
变量边=[
“以色列蒸粗麦粉沙拉”，
“凯撒甘蓝”，
“果岭球场”，
“烤花椰菜”，
“希腊沙拉”，
“椰子咖喱奎奴亚藜沙拉”，
“菜蛋炒饭”，
“道氏芽将军”，
“东京沙拉”，
“麦克奶酪”，
“土豆沙拉”
];
var comboEntries=document.querySelectorAll（'.combo-display.combo-item'）；
对于（var i=0；i


以色列蒸粗麦粉沙拉
菜蛋炒饭
菜蛋炒饭
烤三文鱼
HTML代码在哪里？你可以发布HTML代码而不是使用
|
试试
&
@JM-AGMS是的！这总是我错过的一件简单的事情。这很有效！不知道为什么我没有尝试一些简单的方法，比如将
或
条件更改为
和
。非常感谢。发生了：）
<div class="combo-display">
<p><strong>Protein 1:</strong> <span id="protein-1" class="combo-item">Custom item</span></p><div class="item-count"> x <span>1</span></div>
<p><strong>Protein 2:</strong> <span id="protein-2" class="combo-item">Custom item</span></p><div class="item-count"> x <span>1</span></div>
<p><strong>Protein 3:</strong> <span id="protein-3" class="combo-item">grilled chicken</span></p><div class="item-count"> x <span class="grilled-chicken-counter">1</span></div>
<p><strong>Side 1:</strong> <span id="side-1" class="combo-item">Custom item</span></p><div class="item-count"> x <span>1</span></div>
<p><strong>Side 2:</strong> <span id="side-2" class="combo-item">kale caesar</span></p><div class="item-count"> x <span class="kale-caesar-counter">1</span></div>
<p><strong>Side 3:</strong> <span id="side-3" class="combo-item">field o greens</span></p><div class="item-count"> x <span class="field-o-greens-counter">1</span></div>
</div>