Bootstrap：将按钮添加到list-group-items

Question

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

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

有什么想法吗？

Answer 1

Icon有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>