Php 使用Jquery从表中检索数据时未定义

我试图在表中单击行时检索行id数据，但我得到的是未定义的而不是字符串。我在网上尝试了许多不同的解决方案，使用了其他方法，例如数据链接而不是ID，但我遇到了相同的错误。我假设我遗漏了一些东西，因为我的表是从一个单独的php文件（如下）生成的

---

提前谢谢你的帮助

尝试为每一行提供公共CSS类，并将其应用于jQuery click函数，而不是使用

，因为

包含表中的所有行。
查看以下更改

HTML

<tbody id="show_stocks">
    <tr class='myClass' id='101'>
      <td >Eliza</td>
    </tr>
    <tr class='myClass' id='102'>
        <td >Lizzy</td>
    </tr>
</tbody>

---

尝试为每一行提供公共CSS类，并使用

将其应用于jQuery click函数，因为

包含表中的所有行。
查看以下更改

HTML

<tbody id="show_stocks">
    <tr class='myClass' id='101'>
      <td >Eliza</td>
    </tr>
    <tr class='myClass' id='102'>
        <td >Lizzy</td>
    </tr>
</tbody>

---

相反，您应该将事件绑定到

td

，然后获取最接近的

tr

像这样：

$('td').click(function(){
  var id = $(this).closest('tr').attr('id');
  alert(id)
});

HTML:

股票名称
股票行情
投资
当前值
百分比变化
卖
无名氏
股票
$90123
$1990000

---

相反，您应该将事件绑定到

td

，然后获取最接近的

tr

像这样：

$('td').click(function(){
  var id = $(this).closest('tr').attr('id');
  alert(id)
});

HTML:

股票名称
股票行情
投资
当前值
百分比变化
卖
无名氏
股票
$90123
$1990000

---

脚本中的代码是否用$（function（）{/*jQuery code*/}）？添加此选项将确保仅在文件完全加载后才执行脚本。是否在脚本中使用$（function（）{/*jQuery code*/}）？添加此选项将确保脚本仅在文件完全加载后执行。谢谢！这种方法工作得很好，但是我必须在php文件中包含jquery代码，因为DOM的缘故，我在其中回显了表，而不是用html的其他文件。谢谢！这种方法工作得很好，但由于DOM的原因，我不得不在php文件中包含jquery代码，在该文件中我使用html回送表，而不是其他文件。

$(".myClass").click(function(evt) {
  alert($(this).attr('id'));
});

$('td').click(function(){
  var id = $(this).closest('tr').attr('id');
  alert(id)
});

<table id="stock_table" class="table table-hover">
     <thead>
         <tr>
           <th>Stock Name</th>
           <th>Ticker</th>
           <th>Invested</th>
           <th>Current Value</th>
           <th>Percent Change</th>
           <th>Sell</th>
         </tr>
     </thead>
     <tbody id="show_stocks">
        <tr id="aapl" class="">
            <td>John Doe</td>
            <td>Stock</td>
            <td>$90123</td>
            <td>$1990000</td>
        </tr>
     </tbody>
</table>