私は動的フォームに取り組んでおり、行には親ドロップダウンがあり、親を選択すると、子の数に新しい行が追加され、各子行にクラスが与えられます。親行などを動的に追加するオプションがあります。
これまでのところ、親行の追加と削除は正常に機能しています。最後の子行の削除に問題があります
以下は、行がどのように作成されるかの大まかなアイデアです。
Row 1: <parent> select
Row 2: -<child> select
Row 3: -<child> select
Row 4: - Child Add row / Remove row
Row 5: <parent> select
Row 6: -<child> select
Row 7: - Child Add row / Remove row
Row 8: Parent Add row / remove row
より良いアイデアのために、ここにスクリーンショットがあります
このテーブルは単純で、ネストされたテーブルはなく、6 列と 12 行のみで、インデントは CSS で行われます
$('tr.partnumber_2_sub');
firebugのコンソールで使用すると、次のような結果が表示されます
Object[tr.partnumber_2_sub, tr.partnumber_2_sub, tr.partnumber_2_sub]
しかし、$('tr.partnumber_2_sub:last-child');
それを使用すると空のオブジェクトが出力されます。最後の子を削除したいのですが、私の推測$('tr.partnumber_2_sub:last-child').remove();
ではそうでしたが、うまくいきません。
編集
最後の行の回答に感謝しますが、私の子供の追加行/削除行もtrで同じクラスを持っていることに気付きました。今、私は2番目の最後の要素を削除する必要があります
編集
さて、子行の tr に追加のクラスを追加しましたが、子の add / del を追加しなかったので、それらを個別に使用できるようになりました。タイトルを元に戻し、回答を受け入れました。
皆様より