如何使用jQuery將TD集中在表中？

Question

如何使用jQuery將TD集中在表中？ 即，這里的重點將放在Tabel負載上

function focusco(tableName){
  $(tableName + " td").each(function () {
     var self=this;
     if(data.label==false){
        $(self).trigger('click');
        focus = false;
        return focus;
    }
 }); }

此代碼將說明工作

Answer 1

如果您想聚焦諸如<td>類的不可聚焦元素，請使用tabindex ：

function focusco(tableName){
  $(tableName + " td").each(function () {
     $(this).attr("tabindex", "1");
     var self=this;
     if(data.label==false){
        $(self).trigger('click');
        focus = false;
        return focus;
    }
 });
}

Answer 2

正確，他們在您在評論中發布的問題中所做的只是在單擊時標記了一行。 focus並不是Web開發中的真正含義。無論如何，他們只是切換一個CSS類來獲得結果，就像這樣（單擊表單元格查看其作用）：

 jQuery(document).ready(function($) { $('td').on('click', function(e) { $(this).toggleClass('focus'); }); }); 

 table { border-collapse: collapse; } td, th { border: 1px solid #000; padding: 5px; } td.focus { background: red; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <table> <thead> <tr> <th>id</th> <th>name</th> <th>email</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>Pete</td> <td>pete@gmail.com</td> </tr> <tr> <td>2</td> <td>John</td> <td>john@live.com</td> </tr> <tr> <td>3</td> <td>Bill</td> <td>bill@yahoo.com</td> </tr> <tr> <td>4</td> <td>Dave</td> <td>dave@gmail.com</td> </tr> </tbody> </table> 

Answer 3

通過猜測，我想您希望用戶看一下它？？ 為此，可以更改背景顏色，添加邊框或更改文本顏色或某些DOM操作以吸引用戶對特定<td>