javascript - jQuery 附加输入 - 转义属性

Question

我有这个 php 脚本

$input = '<table id="options-table" border=0 cellpadding=6 cellspacing=0 class="data">
                    <thead>
                        <tr>
                            <th class="first"></th>
                            <th>Value</th>
                            <th>Label</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>1</td>
                            <td><input name="option_val[]" value="uk"></td>
                            <td><input name="option_label[]" value="United Kingdom"></td>
                            <td><a href="" class="button tiny">Remove</a></td>
                        </tr>
                        <!-- <tr>
                            <td>2</td>
                            <td><input value="us"></td>
                            <td><input value="United States"></td>
                            <td><a href="" class="button tiny">Remove</a></td>
                        </tr> -->
                    </tbody>
                </table>
                <div style="margin-top:12px;">
                    <a onclick="$(\'#options-table tbody\').append(\'<tr><td>3</td><td><input name=\'option_val[]\' /></td><td><input name=\'option_label[]\' /></td><td></td></tr>\'); return false;" href="#" class="button" >Add option</a>
                </div>';

我想做的是，当我单击添加选项按钮时，在包含两个输入的表格上附加一个tr > 领域。问题是孔表位于 php 字符串内，而不是纯 html，因此当我尝试转义输入属性时，我在 firebug 上收到控制台错误:

SyntaxError: missing ) after argument list


...nd('<tr><td>3</td><td><input type='text' name='option_val[]' /></td><td><input t...

我该如何解决这个问题？

Answer 1

使用双引号 "代替单引号

示例

使用

<input name=\"option_val[]\" /></td>

这只是解析时的引用问题