Javascript 替换 <li> 标签中的内容

Question

这是我的HTML代码，其中有一些<li>里面有标签。我打算使用Speed 1 , Speed 2 , Speed 3等替换Content 。我怎样才能在 JavaScript 上做到这一点？

<div class="btn-group">
  <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown">
    Content <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" role="menu">
    <li><a href="#" onclick="javascript:xxxx">Speed 1</a></li>
    <li><a href="#">Speed 2</a></li>
    <li><a href="#">Speed 3</a></li>
    <li><a href="#">Speed 4</a></li>
    <li><a href="#">Speed 5</a></li>
  </ul>
</div>

有人可以给我建议吗？

Answer 1

试试这个，

$('li a').on('click',function(e){
    e.preventDefault();
    $('button').text($(this).text());    
});

Live Demo