缺少 ) 在参数列表之后?jQuery.

Question

使用下面的代码，我可以在我的表格中插入一个新行（#courseelements）。

$("#addbutton").click(function() {
      $('#courseelements > tbody:last').append('<tr><td>Helloworld</td></tr>');
    });

但是，我想用<select>元素替换Helloworld。所以像这样：

$("#addbutton").click(function() {
      $('#courseelements > tbody:last').append('<tr><td>
        <select class='plan_id'>
            <option value='1'>Description</option>
            <option value='2'>Description</option>
            <option value='3'>Description</option>  
        </select>

      </td></tr>');
    });

但这给了我"缺少）后参数列表"在第一个撇号' <select class='

知道为什么吗？

Answer 1

你忘了转义引号：

$("#addbutton").click(function() {
  $('#courseelements > tbody:last').append('<tr><td>
    <select class='plan_id'>
        <option value='1'>Description</option>
        <option value='2'>Description</option>
        <option value='3'>Description</option>  
    </select>

  </td></tr>');
});

作为替代方案，您可以将整个附加字符串括在单引号的双引号中：

$("#addbutton").click(function() {
  $('#courseelements > tbody:last').append("<tr><td>
    <select class='plan_id'>
        <option value='1'>Description</option>
        <option value='2'>Description</option>
        <option value='3'>Description</option>  
    </select>

  </td></tr>");
});

Answer 2

您需要对 HTML 中的引号使用与 HTML 周围的引号不同的引号类型：

$("#addbutton").click(function() {
      $('#courseelements > tbody:last').append("<tr><td>
        <select class='plan_id'>
            <option value='1'>Description</option>
            <option value='2'>Description</option>
            <option value='3'>Description</option>  
        </select>

      </td></tr>");
    });

Answer 3

您必须使用不同的引号。

select class="plan_id">

此处为双精度，因为整个字符串用 Single 分隔。

Answer 4

在字符串内用双引号更改单引号 -

<select class="plan_id">
            <option value="1">Description</option>
            <option value="2">Description</option>
            <option value="3">Description</option>  
        </select>

或者用喜欢的方式逃离他们——

<select class='plan_id'>......

Answer 5

var select=$("<select class='plan_id'></select>")
    .append("<option value='1'>Description</option>")
    .append("<option value='2'>Description</option>")
    .append("<option value='3'>Description</option>");
 $('#courseelements > tbody')
.append($("<tr><tr>"))
.append($("<td></td>")
.append(select));

演示。

Answer 6

如果你想

通过PHP回显调用$（''）.append，像这样：

$info= "<div style='font-size:9px;'>
    <img src='./img/filtro.png'>Some tips
</div>";
echo "<script type='text/javascript'>
    $('#divTips').append('$info'); 
</script>";

确保之前替换所有断线，如下所示：

$info= preg_replace( '/s+/', ' ', $info);