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在webdevelopment中的意思......无论如何，他们只是切换一个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>

的注意

如何使用jquery将td聚焦在表中？

3 个答案: