html - Bootstrap : Add Button to list-group-items

Question

我需要添加多个操作来列出组元素，所有紫色区域都需要跟随一个链接，黄色区域需要打开一个模式。

目前列表组项是 anchor ，因为嵌套 anchor 或按钮不是有效的 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>