Javascript 在脚本中设置文本样式

我有一个css和js id，名为

bob

jQuery是：

 $('#bob').text('hello: ' + world + '%');

css是：

# bob {
    width:280px;
    height:50px;
    border:1px solid #aaaaaa;
    border-radius:3px 3px 3px 3px;
    background-color:#dedede;
    position:relative;
}

# bob h3 {
    color: #444444;
    font-weight:bold;
    font-size:18px !important;
    line-height:24px;
    vertical-align:middle;
    margin: 10px 0 0 20px;
}

我的问题是，文本hello world%应该在h3标签中。但事实并非如此

啊。。。如何包装文本和样式以获取css id

干杯。

$（'bob'）.append（'Hello:'+world+'%'）；
$('#bob').append('<h3>Hello: ' + world + '%</h3>');

.text（）调用设置节点的文本值，根据定义，该节点不能包含HTML。如果要用新的h3替换#bob的内容，请使用

.html（）

而不是

.append（）

$（'#bob'）.append（'Hello:'+world+'%'）；

---

.text（）调用设置节点的文本值，根据定义，该节点不能包含HTML。如果要用新的h3替换#bob的内容，请使用

.html（）

而不是

.append（）

，您需要自己将内容放入h3标记中，如下所示：

$('#bob').html('<h3>hello: ' + world + '%</h3>');

$（'#bob'）.html（'hello:'+world+'%'）；

---

这将手动创建

标记并适当设置其样式。请注意，我还使用了

html（…）

函数，而不是

text

函数。

您需要自己将内容放入H3标记中，如下所示：

$('#bob').html('<h3>hello: ' + world + '%</h3>');

$（'#bob'）.html（'hello:'+world+'%'）；

---

这将手动创建

标记并适当设置其样式。请注意，我还使用了

html（…）

函数，而不是

text

函数。

除了其他答案之外，您还需要更改css：

#bob {

及

---

除了其他答案外，您还需要更改css：

#bob {

及

---

好吧，假设我想让文字世界变蓝？在css.world{color:#3399ff；}中，我将如何设置单词world的样式，因此整个文本是h3。我意识到我使用了SPAN，但我试过：$（'#bob'）.html（'hello:'+'world+'%'）；你很接近，你只是把你的css类指定错了。如果您的CSS是

.world text{color:#3399FF；}

，那么Jquery可以是：

$（'#bob'）.html（'hello:'+world+'%'）谢谢，太好了。。我已经尝试了很多方法，哈哈，我感到很紧张。欢呼声响起好吧，让我们说我想让文字世界变蓝？在css.world{color:#3399ff；}中，我将如何设置单词world的样式，因此整个文本是h3。我意识到我使用了SPAN，但我试过：$（'#bob'）.html（'hello:'+'world+'%'）；你很接近，你只是把你的css类指定错了。如果您的CSS是
.world text{color:#3399FF；}
，那么Jquery可以是：
$（'#bob'）.html（'hello:'+world+'%'）谢谢，太好了。。我已经尝试了很多方法，哈哈，我感到很紧张。Cheers Voted#bob h3指的是标签中id=bobI的某个地方的h3标签总是这样做#bob和#bob h3，那错了吗？磅号和元素id之间有空格。关于第二个，你是对的。。。它应该是#bob h3#bob h3指的是id=bobI的标记内某个地方的h3标记总是这样做#bob和#bob h3，那是错的吗？磅符号和元素id之间有空格。第二个标记你是对的。。。应该是#bob h3