如何使用jquery将td集中在表中

how to focus a td in a table using jquery?

本文关键字：集中 td 何使用 jquery      更新时间：2023-09-26

如何使用jquery将td集中在表中？即，这里的重点将放在Tabel加载上

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

此代码将记录工作

如果您想聚焦像<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;
    }
 });
}

没错，他们在你发布在评论中的问题中所做的只是在点击时标记一行。这并不是focus在网络开发中的真正含义。。。无论如何，他们只是切换一个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>

我想，通过焦点，你想让用户看看它？？为此，可以更改背景颜色，或添加边框或更改文本颜色，或进行一些DOM操作，以吸引用户对特定<td> 的注意

相关文章：