Question

我有一个包含许多语句/引号的数组，但我想添加一些自定义HTML来帮助设置每个引用的样式。

在下面的代码中，我演示了我想要做的事情，但目前实际的HTML标签是作为字符串输出的。如何让它们以HTML格式呈现，以便我可以用CSS设置它们的样式？

这是一个显示我的意思的工作小提琴：https://jsfiddle.net/tawasnng/1/

// Random testimonials headlines = new Array('Food was amazing and the drinks well-priced. We’ll be back soon!<span class="boom">Test</span>', "Bad", "Ugly", "Random Headline");    var randomNumberBefore = 4;

   function randomNumberByRange (range, number) {
      var r = Math.floor(Math.random() * (range-1));
      if(r >= number)r++;
      return r;    }

   $(document).on('click','.nextquote' , function() {

      var randomNumber = randomNumberByRange( headlines.length, randomNumberBefore);
      randomNumberBefore = randomNumber;
      var nextHeadline = headlines[randomNumber];

      $(".quote").text(nextHeadline);

   });

Answer 1

您需要使用.html()代替.text()才能将其输出为HTML。替换以下内容：

$(".quote").text(nextHeadline);

使用：

$(".quote").html('<span class="headline">' + nextHeadline + '</span>');

尝试为.headline班级提供一些东西！

jQuery数组的样式输出

1 个答案: