Question

我有一个像这样的小脚本：

      $(document).ready(function(){
        $.getJSON('website.com?format=json', function(data){

          var tags = [];
          $.each(data.product.tags, function(index, tag){
            tags.push('<li class="tag">' + tag.title + '</li>');
          });
          $( "<ul/>", { html: tags.join( '' ) }).appendTo('.productInfo.4567 .icons');
          $(".productInfo.4567 .icons ul li:last-child").addClass("last");

        });
      });

在数组中有一个名为“H0”的标签。我尝试做的是当标签等于“H0”时向“li”添加一个“蓝色”类。

我尝试过这样的事情：

          if(tags == 'H0'){
            $(".productInfo.4567 .icons .tag").addClass("blue");
          }

但这不起作用。有什么帮助吗？

Answer 1

我认为标签不会等于“H0”。可能你最容易做的事情就是

   var tags = [];
      $.each(data.product.tags, function(index, tag){

   var className = tag.title === "H0" ? "tag blue" : "tag"; //ternary operation. If title is "H0", use both tag and blue classes, otherwise just use tag.

        tags.push('<li class="' + className + '">' + tag.title + '</li>');
      });

我相信这应该有用（前提是我明白你要做的正确）。

将类添加到从json调用生成的li中

1 个答案: