“表”试图通过单击按钮从同一行中获取值

Question

我需要从单击按钮的同一原始位置获取RR列中的值

这里的问题是，仅当我在Google开发人员工具的控制台中使用评估时，代码才有效

表：

 <div class="tableDiv" align="left">
         <table id="example" class="display" align="center">
           <thead>
             <tr style="color: #D2002E; background: #FFCC01;">
               <td  >Date</td>
               <td>RR</td>
               <td>Origin</td>
               <td>Destination</td>
               <td>CNEE</td>
               <td>Status</td>
               <td>Details</td>
             </tr>
           </thead>
           <tbody id="table_body">
           </tbody>
         </table>
       </div>

每行的

数据值：

  var rootRef = firebase.database().ref().child("Requests");  

    rootRef.on("child_added", snap =>{


    var DateValue = snap.child("Date").val();
    var RRValue = snap.child("RR").val();
    var OrgValue = snap.child("Origin").val();
    var DestValue = snap.child("Destination").val();
    var CustAccValue = snap.child("Customer Account").val();
    var StatusValue = snap.child("Status").val();

    if (StatusValue != "Done")
    {


      $("#table_body").append("<tr><td " + DateValue + 
      "</td><td class=\"valueRRField\">" + RRValue + 
      "</td><td>" + OrgValue + 
      "</td><td>" + DestValue + "</td><td>" + CustAccValue + "</td><td>" + StatusValue + "</td><td><Button onclick=\"expandTriggered()\" class=\"lisnClick\">" + "details" + "</Button></td></tr>");
    }

此处代码仅在使用评估时不起作用

  $(".lisnClick").click(function() {
    var refer = $(this).closest("tr")    
                       .find(".valueRRField")     
                       .text();        

                       alert(refer);       // Output
  });