防止零件從被標籤

Question

我有以下的HTML標記：

<tr class="table_row"> 
    <td tabindex="-1" class="delete_row"><button class="btn btn-small btn-danger">X</button></td> 
    <td> 
     <span class="row0" contenteditable="true">Text 1</span> 
    </td> 
    <td> 
     <span id="tourCellData" class="row0" contenteditable="true">Text 2</span> 
    </td> 
    <td> 
     <span class="row0" contenteditable="true">Text 3</span> 
    </td> 
    <td> 
     <span class="row0" contenteditable="true">Text 4</span> 
    </td> 
      <td> 
     <span class="row0" contenteditable="true">Text 5</span> 
    </td> 
</tr> 

我在尋找各種方法來防止與類「.delete_row」的元素被標籤。我搜索了StackOverflow並發現'tabindex =「 - 1」'應該做這項工作。但它不適合我。

我發現用jQuery的解決方案：

$("#parentSelector").on("focus", ".delete_row", function() { 
    $(this).next().find("span").focus(); 
}); 

有沒有使用jQuery的替代解決方案？

Answer 1

下面是解 Fiddle

添加tabindex="-1"到您的按鈕元素

<td class="delete_row"><button tabindex="-1" class="btn btn-small btn-danger">X</button></td>