3

以下のコードを使用して、テーブルに新しい行を挿入できます ( #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='

理由はありますか？

4

6 に答える 6

4

引用符をエスケープするのを忘れました:

$("#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>");
});
于 2012-06-20T16:40:26.847 に答える
1 
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));

デモ。

于 2012-06-20T16:39:44.303 に答える
1

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>");
    });
于 2012-06-20T16:40:34.247 に答える
1

別の引用符を使用する必要があります。

select class="plan_id">

文字列全体が single で区切られているため、ここでは double です。

于 2012-06-20T16:41:10.757 に答える
1

文字列内の単一引用符を二重引用符で変更します-

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

または次のようにそれらをエスケープします\-

<select class=\'plan_id\'>......
于 2012-06-20T16:43:15.027 に答える
0

$('').append を PHP エコー経由で呼び出したい場合は、次のようにします。

$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);
于 2012-07-12T14:59:01.147 に答える