Bootstrap:改变小文本

Question

我有Twitter Bootstrap和jQuery的以下问题:

我有一个标题,里面h1和一个副标题small.我想使用jQuery更改两者的文本.我的代码如下:

HTML:

<h1 id='h1id'>
    Hello World
    <br>
    <small id='smallid'>Here I am!</small>
</h1>

JavaScript的:

$(document).ready( function() {

    $('#h1id').text('I can change this');
    $('#smallid').text('But not this');

});

在h1发生变化,但small-元素消失.我怎样才能解决这个问题？

这里有实例

Answer 1

在一个范围内包裹你好世界

HTML

<h1 id='h1id'>
    <span>Hello World</span>
    <br>
    <small>Here I am!</small>
</h1>

JavaScript的

$(document).ready( function() {
    $('#h1id span').text('I can change this');
    $('#h1id small').text('But not this');
});