如何在 JavaScript 中获取 td ID

Question

<table class="table" style="margin-bottom:0px!important"> 
<b>
<? if(!empty($channelBase['rep_ids']))
{
$s_id=$channelBase['id'];
$i=0;   
$temp='';
$reps_channl=explode(",",$channelBase['rep_ids']);
foreach($reps_channl as $k)
{
$added_reps = $rep_names[$k];
if($i==0){
$temp.='<tr style="border-top:none;">';     
}
$temp.="<td id='".$s_id."_".$k."' class='repclicked' style='border-top:none;'>$added_reps <a href='#' class='btn btn-xs btn-icon btn-circle ' onclick='delete_repid($k,$s_id);'><i class='fa fa-close'></i></a>
</td>";
$i++;
if($i==5)
{
$temp.='</tr>';
$i=0;
}
}
echo $temp;
}
?>
</b>
</table>

在这里，我有一个带有数字值的tdid。 在这里，我对如何在javascript中获取tdID感到困惑。 谁能帮我。

Answer 1

以下是获取td表内Ids的方法

for (let row of mytab1.rows) 
{
for(let cell of row.cells) 
{
console.log(cell.id)
}
}

<div id="myTabDiv">
<table name="mytab" id="mytab1">
<tr> 
<td id="id_1">col1 Val1</td>
<td id="id_2">col2 Val2</td>
</tr>
<tr>
<td id="id_3">col1 Val3</td>
<td id="id_4">col2 Val4</td>
</tr>
</table>
</div>

Answer 2

试试这个，

"<td id='".$s_id."_".$k."' onclick='alert(this.id);'></td>"

Answer 3

你试图混合PHP和javascript，这是你做不到的。 PHP 中的所有内容都与 javascript 分开，两者无法访问彼此的标识符。

原因是这样的：

PHP 代码在页面加载之前完全运行。 一旦页面完全加载到PHP中，它就会被发送到浏览器，在那里javascript对PHP代码的任何结果进行操作。

试试这个：

在页面上输入：

<pre>
<?php
$a = "1"; 
$b = "2";  
print_r($a); 
print_r($b); 
?>
</pre>

现在加载页面并右键单击页面并转到"检查"或"查看源代码">

您将看到页面的源代码没有PHP代码，只有

<pre>12</pre>

这是因为所有PHP代码都是在页面加载之前处理的，而javascript是在页面发送到浏览器之后处理的。

你必须首先做所有涉及PHP ID的事情，并且与javascript完全分开，同样，javascript也必须与PHP完全分开。

对于您的情况，您必须发出单独的请求才能修改 PHP 中的数组，然后重新加载页面或使用 AJAX 加载更新的数据。

你试图完成的操作类型不可能像你试图完成的那样。