如何在jquery中从单击事件函数中读出变量

Question

我正在为单击事件的varible生成值。

我需要全局使用它或使用它之外的函数事件。

$("#Coil_Data tr").on('click', function (){
          var selectedcoilrowid = $(this).closest('tr').find('#Coil_ID').text()
          $('#selected_coil_id_title').text('Fan for the Coil ID : '+selectedcoilrowid)
      })

Answer 1

尽管应避免将变量声明为全局变量，但您可以使用全局对象。

$("#Coil_Data tr").on('click', function (){
          global.selectedcoilrowid = $(this).closest('tr').find('#Coil_ID').text()
          $('#selected_coil_id_title').text('Fan for the Coil ID : '+global.selectedcoilrowid)
      })

Answer 2

在click事件外部定义变量：

​

let selectedcoilrowid = null;

$("#Coil_Data tr").on('click', function() {
  selectedcoilrowid = $(this).closest('tr').find('#Coil_ID').text()
  $('#selected_coil_id_title').text('Fan for the Coil ID : ' + selectedcoilrowid)
})

$('#check').click(function() {

  if (selectedcoilrowid != null) {
    console.log(selectedcoilrowid)
  } else {
    console.log('still is empty!')
  }
});

#check {
  color: red
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="Coil_Data">
  <tr>
    <td id="Coil_ID">19</td>
  </tr>
</table>

<div id="selected_coil_id_title"></div>

<a id="check">Check Updated Variable</a>

​