如何在JS模式中显示表格单元格内容?

时间:2019-06-16 20:46:59

标签: html

<?php 
    $programs[] = array( "episode_title" => (string)$path_title_en, 
        "episode_title_fr" => (string)$path_title_fr; 
 }      
?>  

我正在处理html表行,如下所示,在其中我在 LineA LineB 处添加了省略号(因为我不想显示全部内容)并将其解析为表格元素(td)。

 <?php 
       foreach ($programs as $key => $program)    { 
  ?>
    <tr data-index="<?php echo $key; ?>">
       <?php
        $program["episode_title"] = substr($program["episode_title"],0,50).' <a href="">(...)</a>';        // Line A
        $program["episode_title_fr"] = substr($program["episode_title_fr"],0,50).' <a href="">(...)</a>';  // Line B
        ?>
       <td><?php echo $program["episode_title"]; ?></span></td>         // Line C                                                    
      <td><?php echo $program["episode_title_fr"]; ?></span></td>      // Line D
    </tr>
  <?php 
    }
?>

我在C行和D行使用了 A行 B行

问题陈述:

我想知道单击 ... 时需要添加什么JS,属于该单元格元素的整个内容出现在模式中

1 个答案:

答案 0 :(得分:0)

首先不要覆盖原始内容,而是创建一个新变量。比添加onclick事件并使用param(文本要显示的内容)调用show_modal函数。

$episode_title    = substr($program["episode_title"],   0,50).' <a href="" onclick="return show_modal(' . $program["episode_title"]    . ')">(...)</a>';  // Line A
$episode_title_fr = substr($program["episode_title_fr"],0,50).' <a href="" onclick="return show_modal(' . $program["episode_title_fr"] . ')">(...)</a>';  // Line B


第C / D行将调用新变量。

<td><?php echo $episode_title; ?></span></td>         // Line C                                                    
<td><?php echo $episode_title_fr; ?></span></td>      // Line D


函数show_modal就像

function show_modal(text) {
    $('#modal').html(text).show();

    return false;
}

或者您当然可以调用任何jQuery模式。没关系,我不知道您已经在使用什么。