时间戳

首页 > 解决方案 > 如何使用此代码向 TD 添加属性

jquery - 如何使用此代码向 TD 添加属性

问题描述

我想为我的 td 元素添加属性。但我不能让它工作。

这是我使用的代码。我希望你能帮助我。谢谢！

$(document).ready(function(){

    $("#table_1 tr td").each(function(){

        //console.log($(this).attr("class"));

        if ($(this).hasClass('column-escalationnotes')){
            $(this).attr("id", "1");
            console.log('hey');
        }


    });

这是表格的代码。我删除了一些部分：

    <table id="table_1" class="scroll  display nowrap data-t data-t wpDataTable dataTable no-footer" style="" data-described-by="table_1_desc" data-wpdatatable_id="52" role="grid" aria-describedby="table_1_info">
....
<!-- Table body -->      
<tbody>
<tr role="row" class="odd"><td class="  column-escalationnotes">CASE CLOSE SHIP ALREADY</td></tr>
</tbody>
</table>

我的计划是使用类名“column-escalationnotes”将 OnMouseOver 属性添加到该 TD。我尝试选择该 TD 并使用 .hover() 但我也无法做到。这就是为什么我只想添加 OnMouseOver 属性。

标签： jquery

解决方案

您的代码有效，您只是忘记关闭第一个函数。

$(document).ready(function() {

  $("#table_1 tr td").each(function() {

    //console.log($(this).attr("class"));

    if ($(this).hasClass('column-escalationnotes')) {
      $(this).attr("id", "1");
      console.log('hey');
    }
  });
});
<script
  src="https://code.jquery.com/jquery-3.4.1.slim.min.js"
  integrity="sha256-pasqAKBDmFT4eHoN2ndd6lN370kFiGUFyTiUHWhU7k8="
  crossorigin="anonymous"></script>

<table id="table_1" class="scroll  display nowrap data-t data-t wpDataTable dataTable no-footer" style="" data-described-by="table_1_desc" data-wpdatatable_id="52" role="grid" aria-describedby="table_1_info">
  ....
  <!-- Table body -->
  <tbody>
    <tr role="row" class="odd">
      <td class="  column-escalationnotes">CASE CLOSE SHIP ALREADY</td>
    </tr>
  </tbody>
</table>

推荐阅读