jquery - 当name包含单引号时，使用real ='image Name'时出现问题

我的页面上有一张表，上面显示了卡片名称、成本、套数和稀有品。此信息来自数据库表。当用户将鼠标悬停在表中的任何cardname上时，卡上会弹出一个图像，一旦移除鼠标，图像就会关闭（为此使用jquery脚本）。
CardName单元格的代码如下：

<td><a href='#' class='screenshot' rel='cards/$cardname.jpg'>$cardname</a></td>

一切正常，除非$cardname包含“扰乱代码并阻止图像显示的内容”（cardname不工作的示例可能是“Faith's Shield”）。我试着用“代替”，但似乎也没用。
我知道这可能不是实现我所要做的事情的最好方法，但我对网络编程还很陌生，这似乎是一个简单的诀窍。

print "<table id='cardTable'>
                <tr>
                    <th>Add to deck</th>
                    <th>Cardname</th>
                    <th>Cost</th>
                    <th>Set</th>
                    <th>Rarity</th>
                </tr>";

        while ($row = mysql_fetch_array($result)) {
            $cardname = $row['cardname'];
            $cost = $row['cost'];
            $set = $row['set'];
            $rarity = $row['rarity'];
            $idCard = $row['idCard'];

            print "<tr>
                    <td>
                    <form action='' method='post'>
                    <p><button type='submit' name='addCard' class='addCard' value='$idCard' title='Add card to deck'></button>
                    <select name='amount'>
                    <option value='1'>1</option>
                    <option value='2'>2</option>
                    <option value='3'>3</option>
                    <option value='4'>4</option>
                    </select></p>
                    </form>
                    </td>
                    <td><a href='#' class='screenshot' rel='cards/$cardname.jpg'>$cardname</a></td>
                    <td>$cost</td>
                    <td>$set</td>
                    <td>$rarity</td>
                </tr>";

        }
            print "</table>";

最佳答案

尝试用双引号将属性值括起来（attrib=“value”）。那么这个值里面是否有一个引号就无关紧要了。另外，将值中的双引号替换为

&quot;