点击modal确定键后删除tr

 做第一个笔记，关于 “书单”。2016-09-03关于一个表格调用modal后，在点击表格中的删除按钮弹出modal，点击确定删除后，将一整行tr 删除的功能。

 以下内容为table，表示为某班学生。

    <table class="table table-bordered Stu-tab " id="Stu-tab">
               <tr > <td colspan="7" align="left">**班学生</td> </tr>
               <tr >
                  <th></th>
                  <th> id</th>
                  <th>姓名</th>
                   <th >班级号</th>
                   <th>学号</th>
                   <th>操作</th>
              </tr>
               <tr>
                  <td>
                      <label>
                          <input type="checkbox"/>
                      </label>
                  </td>
                  <td>1</td>
                  <td>猪猪侠</td>
                  <td>14040211</td>
                  <td>14014505</td>
                  <td>
                 <span class="glyphicon glyphicon-trash" aria-hidden="true"  data-toggle="modal"  data-target="#Stu-delete"   id="delete-row"></span>
                  </td>
              </tr>
              <tr>
               </tr>
         </table>

以下内容为调用的modal，用的是bootstrap的插件。

    <div class="modal fade" id="Stu-delete">
         <div class="modal-dialog">
             <div class="modal-content">
                 <div class="modal-header">
                     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                     <h4 class="modal-title">确认操作</h4>
                 </div>
                 <div class="modal-body">
                     <h3 class="text-danger">确定要删除此项？</h3>
                 </div>
                 <div class="modal-footer">
                     <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                     <button type="button" class="btn btn-danger" value="deleteAlone" onclick="deleteRow()">确认删除</button>
                 </div>
             </div><!-- /.modal-content -->
         </div><!-- /.modal-dialog -->
     </div><!-- /.modal -->
 <!--删除操作modal 上-->

这是js函数，实现如何将一整行内容删除。

function deleteRow(){
    $("#Stu-delete").modal('hide');
    var i=document.getElementById('delete-row').parentNode.parentNode.rowIndex;   //选中tr 为id爸爸的爸爸
        document.getElementById('Stu-tab').deleteRow(i);                           //删除tr
}