jquery - 向我的函数添加一个类

Question

我正在上一门类(class)，要求我制作“随机报价生成器”。

我正在尝试添加这个类:

div.info p {
  color: #fff;
  font-size: 1em;
}

我在 jQuery 中创建的数组。我完全迷路了。我试过添加

.addClass(div.info p)

我的代码，我认为我应该这样做，但不确定如何做。

到目前为止，这是我的 JS:

$(document).ready(function() {
  function getQuote() {
    var quotes = ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p" ];
    var author = ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p" ];

    $.each($('.info'), function(i, element) {
      $(element).html(quotes[randomNum]);
    });

    var randomNum = Math.floor((Math.random() * quotes.length));
    var randomQuote = quotes[randomNum];
    var randomAuthor = author[randomNum];

    $(".quote").text(randomQuote);
    $(".author").text(randomAuthor);
  }

  $(".btn").on("click", getQuote);
});

Answer 1

不是选择一个元素，而是添加 CSS 类选择器，例如 .my-paragraph 并添加所需的样式，然后使用 jQuery 将该类添加到您的段落 .addClass("我的段落”)。假设您想将此样式添加到引号中:$(".quote").text(randomQuote).addClass("my-paragraph");。

$("p").addClass("my-paragraph");

.my-paragraph {
   color: blue;
   font-size: 1em;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>My paragraph</p>
<p>My other paragraph</p>