Question

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

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

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

$("#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

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));

DEMO.

Answer 3

您需要为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 4

您必须使用不同的引号。

select class="plan_id">

加倍，因为整个字符串用单个分隔符。

Answer 5

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

<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 6

如果你想调用$（''）。通过PHP echo追加，就像这样：

$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);

在参数列表之后？ jQuery的

6 个答案: