javascript代码错误：未捕获引用错误：***未在htmldevelment.onclick中定义

我对javascript非常陌生，我正在尝试为一个网站编写代码。 我在工作中遇到了一些错误，我仍然无法弄清楚发生了什么，如果你有任何想法，请告诉我。 在我创建此函数之前，我的javascript代码工作正常

function setFilter(filter){
  $(".filtre").onclick(function(){
    var theClass = this.className;
    var mainClass = theClass.split(' ')[0]
    console.log(mainClass)
    for (i=0; i< filter['filters'].length;i++){
              for (j=0;j< filter['filters'][i]['value'].length;j++){
                if ( filter['filters'][i]['value'][j]["id"] === theClass){
                    filter['filters'][i]['value'][j]["selected"] = true;
            }}}
})}

---

在

结束标记之前添加

脚本

？是否调用了setFilter？setFilter（）->类似这样，因为它将在.filter类上添加EventListener。是的，它只会出现相同的错误：/@AlwayShelling我想当您比较id时，它应该是一个main类而不是“类”，我不认为这是错误的原因，但脚本应该在结束标记之前，否则它不是有效的html

filter = {'filters': [

  {'type_': 'designOutline',
   'label': 'Design Outline',
   'value': [{'id': 'full', 'label': 'Full', 'selected': false},
    {'id': 'outline', 'label': 'Outline', 'selected': false}]}]}