Question

我有一个名为bob的css和js id。

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标签中。但事实并非如此！

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

干杯。

Answer 1

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

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

Answer 2

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

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

这将手动创建<h3>标记并对其进行适当的样式设置。请注意，我还使用了html(...)函数，而不是text函数。

Answer 3

除了其他答案，您需要更改您的CSS：

#bob {

和

#bob h3 {

在脚本中设置样式文本

3 个答案: