点击事件弹出模态框，在点击确认删除后模态框消失后删除本行中间如何加判断？

  <tbody>
             <tr>
              <td>11</td>           
              <td>22</td>
              <td><a><span  class="aa">aa</span><span>bb</span></a></td>
            </tr> 
            <tr>
              <td>11</td>           
              <td>22</td>
              <td><a><span  class="aa">aa</span><span>bb</span></a></td>
            </tr> 
            <tr>
              <td>11</td>           
              <td>22</td>
             <td><a><span  class="aa">aa</span><span>bb</span></a></td>
            </tr>      
 </tbody>   
 

<div class="modal fade" id="aa" tabindex="-1" role="dialog"

 aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-body">
            <span>删除后将不可恢复，确定删除操作员？</span>
        </div>
        <div class="modal-footer">
            <button type="button" id="bbt"class=""  data-dismiss="modal" >确定删除
            </button>
            <button type="button" class="" data-dismiss="modal">
                取消
            </button>
        </div>
    </div>
</div>

</div>

<script>
$(" .aa ").click(function () {

        var index = $(this).parent().parent().parent().index("tbody tr");
           $('#aa').modal();
  //在这里需要在条件判断吗？  如果需要改怎么做？
           $('#bbt').click(function(){
            $("tbody tr").eq(index).remove();
        });
    });
    </script>
    

我测试的时候 在弹出的模态框点击确认删除后父元素的table中删除了多行是怎么回事,我是想要删除当前行，但是不在模态框上绑定就好控制了，哪位高手能帮我指点一下吗