-1

テーブルに行があり、css スタイルが に設定されているため、その行が表示されませんdisplay:none。

HTML テーブル:

<table class="myTable">
    <tr class="prototype">
    ........
    </tr>
</table>

CSS コード:

.myTable .prototype{display:none;}

今、私は同じ行を複製し、それにいくつかのデータを追加し、以下のように行をテーブルに追加する必要があります:私は以下のjqueryコードを持っています:

var master = $(this).parents("table.myTable");

var prot = master.find(".prototype").clone();
prot.attr("class", "");
prot.find("#attributeValue").attr("value", "ABC");
prot.find("#contactFirstName").attr("value", "XYZ");

jQuery('table.myTable tr:last').before(prot);

ただし、行はテーブルに追加されません。私を助けてください。

ありがとう！

4

2 に答える 2

1
  1. onLoad イベントでコードを実行する場合は、最初の行をvar master = $(this).find("table.myTable");またはに変更します。var master = $("table.myTable");
  2. prot.removeClass();の代わりに使用prot.attr("class", "");
  3. ID は一意である必要があります。プロトタイプ行の要素に ID がある場合、無効な HTML が取得されます。
  4. $().val('ABC')の代わりに使用$().attr('value', 'ABC')

それでも機能しない場合は、さらにコードを表示してください (おそらくjsfiddle )。

于 2013-08-08T10:59:44.893 に答える
0 
var master = $(this).parents("table.myTable");

var prot = master.find("tr.prototype").clone();
prot.removeClass('prototype');
prot.find("#attributeValue").val("ABC");
prot.find("#contactFirstName").val("XYZ");

master.append(prot);
prot.show();
于 2013-08-08T11:01:30.563 に答える