Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将类添加到JSON文件_Javascript_Jquery_Json - Fatal编程技术网

Javascript 将类添加到JSON文件

Javascript 将类添加到JSON文件,javascript,jquery,json,Javascript,Jquery,Json,我有一个JSON文件,它生成了一堆锚。现在我想给其中一些添加一个类,但不知道如何添加 这是我的JSON: [ { "name":"Home", "id":"1", "url":"" }, { "name":"News", "id":"2", "url":"news" }, { "name":"About", "id":"3", "url":"about" }, { "name":"Contact", "id"

我有一个JSON文件,它生成了一堆锚。现在我想给其中一些添加一个类,但不知道如何添加

这是我的JSON:

[
{
    "name":"Home",
    "id":"1",
    "url":""
},
{
    "name":"News",
    "id":"2",
    "url":"news"
},
{
    "name":"About",
    "id":"3",
    "url":"about"
},
{
    "name":"Contact",
    "id":"4",
    "url":"contact"
}
 ]
那么有没有办法做到这一点?我应该获取id并使用Jquery添加类吗

[更新]

我当时的想法是:

    {
    "name":"Contact",
    "id":"4",
    "url":"contact",
    "class" : "some-class"
}
以这种方式插入类,但显然不起作用

生成锚定的代码:

{{#each mainmenu}}
 <li>
    <a class="" href="{{this.url}}"><h2>{{this.name}}</h2></a>
 </li>
{{/each}}
{{#每个主菜单}
  • {{/每个}}
    如果您将JSON更改为包含此类型的条目:

    {
        "name":"Contact",
        "id":"4",
        "url":"contact",
        "classname" : "some-class"
    }
    
    还应更改生成锚的代码以使用该类:

    {{#each mainmenu}}
     <li>
        <a class="{{this.classname}}" href="{{this.url}}"><h2>{{this.name}}</h2></a>
     </li>
    {{/each}}
    
    {{#每个主菜单}
    
  • {{/每个}}

    *请注意,使用
    class
    而不是
    classname
    可能会失败,因为
    class
    在JavaScript中是一个很好的例子。请参阅Pavlo的评论,了解有关何时安全使用以及何时不安全的更多详细信息。

    倒数第二行包含无效逗号。如果是文件,请通过编辑该文件将该类添加到该文件中。你能澄清你的问题吗?现在,很难弄清楚你到底在问什么。你能发布生成锚的代码吗?你试过
    class=“{{{this.class}}”href=“{{{this.url}}”
    ?这与jquery有什么关系<代码>类别是唯一的,因此
    var类别
    函数类(){}
    无效,在其他情况下您是安全的。谢谢@怎么不起作用?只是说这没有多大帮助。@Tibos抱歉,当我在json文件中添加classname属性并将其添加到生成锚的代码中时,锚根本没有显示@SHT您使用的模板引擎是什么?我使用的是BackboneJS+Handlebars+RequireJS