Question

我用jQuery创建了文本，如下所示：

$("#box").append("HelloWorld")

我可以使用CSS并像这样编辑字体：

    #box{

    text-align: center;
    font-size: 80px;
    color: purple;
    font-family:"Times New Roman", Times, serif;
    font-style:italic;

     }

但不幸的是，这会改变此Div中所有文本的属性。

是否可以通过为其提供某种ID来更改此文本。然后使用CSS仅为该ID提供属性。或者还有另一种方式吗？我已经尝试过了，但也许我没有正确地提出这个问题。

即使有办法给文本一个'h1'，'h2'或'p'属性也是完美的。

提前感谢您的任何答案。

Answer 1

你需要用另一个元素包装它

$("#box").append('<span class="special">HelloWorld</span>') // you can use any element like p, h1, h2, div etc as the wrapper element

然后

#box span.special {
    //custom properties
}

Answer 2

您可以包装添加的元素，然后添加CSS内联样式，如下所示：

演示：http://jsfiddle.net/ytUGS/

var addedElement = $('<span>HelloWorld</span>');
addedElement
    .css('color', 'Red')
    .css('font-weight', 'bold');

$("#box").append(addedElement);

给jQuery创建的文本它自己的独有属性

2 个答案: