0

jQuery を使用して PHP ファイルからデータをフェッチしており、テーブルに動的に表示したいと考えています。jQuery自体がテーブル行を作成するように、これを行う別の方法はありますか? これは私の試みです..

html ファイルの一部:

<table id="tejbl">
<tr id="naslov">
<td><h3>NAME</h3></td>
<td><h3>FAT</h3></td>
<td><h3>FIBER</h3></td>
<td><h3>SUGARS</h3></td>
</tr>


<tr>
<td id="table_0"></td>
<td id="table_1"></td>
<td id="table_2"></td>
<td id="table_3"></td>
</tr>

</table>

js ファイルの一部:

$('#jedinice_butt').click(function(){
var odabrano = $("#dropdown option:selected").text();

var uneseno = $("#input_jedinica").val();
$('#tablica').show();
//$('#add_button').show();


if(odabrano === "g"){ 
    $.post('name.php', {
        value: value
    }, function (data) {

      $('#table_0').html(data);
    });


    $.post('nutritional_value.php', {
        value: value
    }, function (data) {

      $('#table_1').append( data * (parseFloat(uneseno,10)/100));
    });

    $.post('fiber.php', {
        value: value
    }, function (data) {

        $('#table_2').append(data * (parseFloat(uneseno,10)/100) );
    });

    $.post('sugars.php', {
        value: value
    }, function (data) {

        $('#table_3').append( data * (parseFloat(uneseno,10)/100) );

    });



}

私が解決しようとしている問題は、ボタンをもう一度クリックすると、同じ値が追加され、新しい行に追加したいということです。基本的に、これらの出力の行を動的に追加するにはどうすればよいですかいくつかのメソッドを試してみましたが成功しませんでした。イベントは html ファイルに 's なしで実行しようとしたため、jQuery から生成されましたが、明らかに何か間違ったことをしています。

4

1 に答える 1