jQueryの全体を追加していないが、私はこのコードを持っているHTML（TDタグ）

Question

を生成しました表示されます。ただし、ボタン<td>ラッパーはありません。

出力例：

<tr> 
    <input class="form-control input-sm text-quantity" type="text" placeholder="Input something or delete me!" value="444"> 
    <input class="form-control input-sm text-price" type="text" placeholder="Input something or delete me!" value="44"> 
    <td> 
    <button class="btn btn-danger btn-sm btn-block delete-btn" type="button">Delete</button> 
    </td> 
</tr> 

私は何かを明らかに見逃していますか？誰かが正しい方向に私を指すことができれば、それは非常に高く評価されるだろう。

乾杯あなたがやった

Answer 1

：priceTextField.clone().find("input").addClass("text-quantity")あなたが実際に入力フィールドを取り、それを追加。 <td>ではありません。セレクタ、jQueryオブジェクト、または要素によってフィルタリング マッチした要素の現在のセット内の各要素の子孫を取得する：あなたがfind()

https://api.jquery.com/find/

説明を使用するため。

あなたが必要とするものはend()なので、<td>を選ぶことができます。

https://api.jquery.com/end/

説明：現在 チェーンの中で最も最近のフィルタリング処理を終了し、その前の状態にマッチした要素のセットを返します。

Answer 2

あなたが唯一の入力要素を追加している.end()

priceTextField.clone().find("input").addClass("text-quantity").end() 

Answer 3

を使用してみてください。これはjQueryの動作です：

この最初の例は、前に作成した "td"のクローンを返します。

priceTextField.clone() 

しかし、これを行うと「入力」要素が返されます。

var priceDataRow = $("<tr>"); 
var clonedTd = priceTextField.clone(); 
clonedTd.find("input").addClass("text-quantity"); 
$(priceDataRow).append(clonedTd);