使用javascript动态更改文本时保留CSS

我一直试图用一个按钮将一个数字随机化，但是每次我点击这个按钮，这个数字都随机化，但是文本失去了它的CSS风格

CSS

Html

---

my JSFIDLE link:

您的目标是

元素的父元素，然后更改其文本，这实质上是删除span并仅用数字替换它。您可以通过针对span或将span包含在正在添加的文本中来解决此问题。

您想更改span中的文本而不是#数字1

谢谢你的回答

我瞄准了

元素，它很有效

将

print（）

函数替换为以下代码

function print() {
  $("#number1 > span").text(no1);
}

---

如果页面上有多个

span

，则此选项无效。选择器不够具体。范围的点与任何其他标记相同，即分类。如果他们需要更多的特异性，他们应该考虑添加一个类或者使用一个不同的标签。对于给定的信息，这个答案是最直接的。

<class id="number1" class="numberStyle"><span>1</span></class>
<input type="button" value="MATCH!" style="font-size:50px;"></input>

function randomize() {
  no1 = Math.ceil(Math.random() * 3);
}

function print() {
  $("#number1").text(no1);
}

$().ready(function() {

  $(":input").click(function() {
    randomize()
    print()
    alert("Change")
  })

})

function print() {
    $("span").text(no1);
}

function print() {
  $("#number1 > span").text(no1);
}