Jquery addEventListener和淡出不与TR一起工作

好的，我看了又看，尝试了各种其他的工作解决方案，但我还是被卡住了，我要扔一些东西

我正在尝试让TR淡出，然后在点击所述TR单元格内的链接后隐藏，方法如下：

1-jQuerys fadeOut/fadeTo我两个都试过了

  function delTrans(id){
    var name = "chkSelect" + id;
    var chk = document.getElementById(name);
    var tableRow = $(chk).closest('tr');
    tableRow.addClass("transition");
    $(tableRow).find("td").fadeTo('slow',0,function(){
      alert("finished");
    }); 
  }

这似乎没什么作用，没有生成js错误或警告，屏幕上显示的输出也没有变化

2-添加的事件列表器：

  function delTrans(id){
    var name = "chkSelect" + id;
    var chk = document.getElementById(name);
    element = $(chk).closest("tr");
    element.addClass("transition");
    element.addEventListener("transitionend", 
      function () {
        element.addClass("hidden"); 
      },
      true
    );  

这只会成功生成类型为：error的JS错误。element.addEventListener不是函数。我已经在chk对象上直接尝试了addEventListener，这很好，这意味着addEventListener不会在元素“tr”上工作

---

欢迎任何建议

已解决。问题既不是FadeOut也不是addEventListener。问题在于CSS。无法发布，因为我不再拥有修复问题之前的副本

addEventListener将应用于DOM元素，但您的元素是jQuery对象。元素[0]将是基础节点。请参阅此处使用。在：@AlexK。谢谢Alex，通过使用element.ontransitionend，function…，这让我更进一步。。。。；但是现在它的行为与通过fadeOut方法的行为基本相同-没有发生任何事情-隐藏的类没有添加，也没有发生任何褪色：还有其他建议吗？为什么需要transitionend？fade内置了一个完成回调：我尝试使用jquery fadeOut，或者使用需要transitionend的css转换。我现在已经解决了这个问题，问题是转换语句在css中的位置。谢谢你的帮助