Javascript HTML表格获取第一列'；s基于另一个单元格的单元格值'；s onclick

我正在制作一个PHP web应用程序，并将数据从MySql提取到下面的HTML表中

<table id = "table" width="500px" cellpadding=2 celspacing=5 border=2 >
 <tr>
   <th>Subject Code</th>
   <th>Subject Name</th>
   <th>Question Paper</th>
 </tr>
 <?php while($row=mysqli_fetch_array($result)):?>
 <tr>
   <td align="center"><?php echo $row['Subject_Code'];?></td>
   <td align="center"><?php echo $row['Subject_Name'];?></td>
   <td align="center"><a href="javascript:showPaper()"><img border="0" alt="image" src="ProjectPictures/questionPaper.png" width="30" height="30"></a></td>
 </tr>
 <?php endwhile;?> 
</table>

主题代码
主题名称
问题文件

这是表的输出

第三列由可单击的图像图标组成，这些图标在iFrame中加载问题论文

我希望单击此图像时，获得该特定行的第一列-->“主题代码”的单元格值

代码如下：

function showPaper(){
   var v;
   //method1 not working
   for(var i=1;i<table.rows.length; i++){
      table.rows[i].onclick = function(){
        rIndex = this.rowsIndex;
        v=this.cells[0].innerHTML;
        alert(v);
      };
   }
  //method 2 not working
  v = $("#table tr.selected td:first").html(); 
  alert(v);            
  /*loc1 path rest of code
  document.getElementById('myiFrame').src = loc1*/;  
}

函数showPaper（）{
var v；
//方法1不起作用
对于（var i=1；i您需要使用
onclick（）
事件来获取
Subject\u code
的值

改变

<td align="center"><a href="javascript:showPaper()"><img border="0" alt="image" src="ProjectPictures/questionPaper.png" width="30" height="30"></a></td>

成功了！非常感谢Rahul Shrivastava。我现在能够获得主题代码。使用td onclick获取html表的单元格值是一个非常好的透视图。谢谢！很高兴能提供帮助you@Simran您可以将
Subject\u code
直接传递给o函数。您可以检查我的答案，以获取直接指向函数的引用Pass
Subject\u code
。然后您可以使用此id在函数内部执行任何操作
<td align="center" id="<?php echo $row['Subject_Code'];?>" onclick="showPaper(this.id);"><img border="0" alt="image" src="ProjectPictures/questionPaper.png" width="30" height="30"></td>

<script>
    function showPaper(id)
    {
        alert(id);
        //Do something
    }
</script>