dwz 的td添加table(class="list")

最新推荐文章于 2026-05-07 05:08:51 发布

原创最新推荐文章于 2026-05-07 05:08:51 发布 · 1.1k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#dwz #jquery

收录于

dwz 专栏收录该内容

3 篇文章

订阅专栏

这篇博客主要介绍了在使用DWZ框架时，如何为表格中的td元素添加title属性，实现鼠标悬停时显示内容的效果。通过jQuery选择器找到表格的td元素，并在mouseover事件中设置title为td的内容，同时设置了td的white-space属性为nowrap，以防止内容换行。

return this.each(function(){
   var $this = $(this);
   var $trs = $this.find('tbody>tr');
   var $grid = $this.parent(); // table
   var nowrap = $this.hasClass("nowrap");
   //当table类名为list时，添加title提示语
   $trs.each(function(){
      $(this).children("td").mouseover(function () {
         $(this).attr("title", $(this).text());
      });
      $(this).children("td").css("white-space","nowrap");
   });