javascript - 以行作为 ID 和值的表的复制按钮

Question

我正在尝试制作一个复制按钮。它只在 Chrome 中给出错误:

Uncaught SyntaxError: Unexpected token }

我尝试了很多不同的脚本，但没有一个有效。除了复制按钮之外，一切正常。我什至还去了我们学校的ICT部分。他们没有解决方案。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

这是复制脚本

<script>
function copyToClipboard(element) {
  var $temp = $("<input>");
  $("body").append($temp);
  $temp.val($(element).text()).select();
  document.execCommand("copy");
  $temp.remove();
}

</script>

复制脚本结束

<?php
$str1 = "'";
$str2 = '#';
?>

<style>
table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}
th, td {
    padding: 5px;
    text-align: left;    
}
</style>

<?php

$link = mysqli_connect("localhost", "username", "password", "database");

// Check connection
if($link === false){
    die("ERROR: Could not connect. " . mysqli_connect_error());
}

$sqlget = "SELECT      FROM redeem";
$result = $link->query($sqlget);

if ($result->num_rows > 0) {
    // output data of each row
    while($row = $result->fetch_assoc()) {

        echo"<table>";
        echo "<tr><th>Code: </th>




        <th id=" . $row['code']. ">" . $row['code']. "</th>


        <th>Expires: </th><th>". $row['expires']."</th>
        <th><button onclick='copyToClipboard($str2".$row['code'].")'><p id=" . $row['code']. ">...</button></th></tr></table>";
    }
} else {
    echo "0 results";
}

?>

此代码是复制按钮的工作版本。

<center>
<p id="p1">Hello, I'm TEXT 1</p>
<p id="p2">Hi, I'm the 2nd TEXT</p><br/>

<button onclick="copyToClipboard('#p1')">Copy TEXT 1</button>
<button onclick="copyToClipboard('#p2')">Copy TEXT 2</button>

<br/><br/><input class="textBox" type="text" id="" placeholder="Dont belive me?..TEST it here..;)" />
</center>

希望你们能帮助我。

Answer 1

copyToClipboard($str2".$row['code'].")

生成:copyToClipboard(#code)

应该是:

"[...]copyToClipboard(\"$str2".$row['code']."\")[...]"

或者更好:

"onclick='copyToClipboard(" . '"' .$str2 . $row['code']. '"' . ")'"

输出copyToClipboard("#code")