如何在 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>

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

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 中完全加载，它就会被发送到浏览器，无论 PHP 代码的结果是什么，javascript 都会在其中执行操作。

尝试这个：

在页面上输入：

 <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 加载更新的数据。

你试图完成的行动类型是不可能的。