jquery - 在 jQuery 中使用 If/Else 语句

Question

我正在使用导航过滤器来突出显示在几个列表中的某些元素。单击每个导航按钮时，将在属于该类别的元素周围添加相应的边框。我在 jsFiddle 中有一个非常简化的代码版本。

JsFiddle

//what do i do here?  if/else
$('li#all-btn').click(function() {
    $("#projects").find("li.wrap").toggleClass("highlight-all");
});

jsFiddle 并没有像我的原始代码那样突出显示所有元素(添加黑色边框)，但我想将其更改为使用各自的边框颜色突出显示每个元素的位置。我也喜欢打开和关闭边框的功能。

我认为实现此目的的最佳方法是在 jQuery 中使用 if/else 语句，例如如果元素包含此类，则使用 toggleClass("respective class")。我怎样才能达到这个效果？

编辑:抱歉，我可能没有说清楚。所以我们的目标是当点击 all-btn 时，每个元素都会根据它们各自的颜色突出显示。现在，每一个都将突出显示为黑色，但目标是显示所有颜色。例如，网页设计将突出显示为红色，图形设计将突出显示为绿色，平面设计将突出显示为蓝色，所有这些都可以通过单击“全部”按钮来实现。

Answer 1

您在 CSS 的第 32 行有一个额外的 }。如果您删除该代码，该代码将起作用。

正如您在问题中提到的，您可能需要在 .highlight-all 上添加一个 black 边框。

.highlight-all {
    border: 3px solid black;
}

Fiddle .