按钮控制表格行中的开始暂停

Question

<tr>
    <th class="current-state running">
        <i class="iconfont"></i>
        <span></span>
    </th>
     
    <th class="operation">
         <button class="state-btn">暂停</button>
         <button>配置</button>
         <button>更多操作</button>
     </th></tr>

running为正在运行，pause为已暂停，icon和span文字通过css添加。 
如何通过点击state-btn控制同一行中的.current-state的状态？