在条形组件之前和之后添加文本

Question

我正在尝试添加一些文字before和after bar，如下图所示。

<div class="container">

<div  class="progress progress-info
     progress-striped">
  <div id="storage-component" class="bar"
       style="width: 20%;"></div>
</div>
<div class="progress">
  <div class="bar"
       style="width: 60%;"></div>
</div>  
</div>

http://cssdeck.com/labs/i1xnufa3

方法之前和之后似乎对我不起作用。

Answer 1

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

您的代码中有一个拼写错误，错过了结束引号，同时也指向了错误的元素。还不确定你的演示是否包含jQuery。

使用Javascript：

$(document).ready(function () {
    $(".progress-info").before("<div>efererer</div>").after("<span>after-text</span>");
});