1

私は動的フォームに取り組んでおり、行には親ドロップダウンがあり、親を選択すると、子の数に新しい行が追加され、各子行にクラスが与えられます。親行などを動的に追加するオプションがあります。

これまでのところ、親行の追加と削除は正常に機能しています。最後の子行の削除に問題があります

以下は、行がどのように作成されるかの大まかなアイデアです。

  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 を追加しなかったので、それらを個別に使用できるようになりました。タイトルを元に戻し、回答を受け入れました。

皆様より

4

1 に答える 1

4

試す

$('tr.partnumber_2_sub').last().remove()
于 2013-02-20T15:13:01.577 に答える