Bootstrap：将按钮添加到列表组项目

Question

我需要添加多个动作来列出组项目，所有紫色区域需要跟随一个链接，黄色区域需要打开一个Modal。

目前列表组项目是anchors，因为嵌套锚点或按钮不是有效的HTML，我正在寻找另一种解决方案。

有什么想法吗？

Answer 1

图标有id，所以给id输入和使用jQuery代码。

$(document).ready(function(){
$('#simple').click(function(){
  window.onload = window.location.href = "http://stackoverflow.com";
  
  });
});

$(document).ready(function(){
$('#basic-addo1').click(function(){
  window.onload = window.location.href = "http://stackoverflow.com";
  
  });
});

<div class="input-group">
  <span class="input-group-addon" id="basic-addon1">@</span>
  <input type="text" class="form-control" placeholder="Username" aria-describedby="basic-addon1" id="simple">
</div>