1

次の内容の div があります。

<div class="payment-form napthe">
    <table>
        <tbody>
            <tr>
                <td><label>Mã thẻ&lt;/label></td>
                <td><label>Serial</label></td>
            </tr>
            <tr>
                <td><input type="text" class="prepaidcard_code"></td>
                <td><input type="text" class="prepaidcard_serial"></td>
            </tr>
            <tr>
                <td colspan="2"><span class="result">Sai định dạng query</span></td>
            </tr>
       </tbody>
   </table>                         
</div>

jQuery を使用してこの div を複製したいのですが、最後の要素のテキストを<tr><td>...</td></tr>空にします。

次のように複製した後の結果が必要です。

<div class="payment-form napthe">
    <table>
        <tbody>
            <tr>
                <td><label>Mã thẻ&lt;/label></td>
                <td><label>Serial</label></td>
            </tr>
            <tr>
                <td><input type="text" class="prepaidcard_code"></td>
                <td><input type="text" class="prepaidcard_serial"></td>
            </tr>
            <tr>
                <td colspan="2"><span class="result"></span></td>
            </tr>
       </tbody>
   </table>                         
</div>
4

3 に答える 3

1

試す：

var clone = $(".payment-form.napthe").html();

$("#output-div").html(clone); // output the cloned HTML somewhere
$("#output-div tr:last-child span").html(""); // empty contents of span of last <tr>

複数のクローンを作成する必要がある場合は、次のこともできます。

$("#output-div").append(clone);

#output-div は、クローンを配置するスペースを表すために作成したものです。それは次のようなものかもしれませんbody

于 2013-10-15T07:47:15.203 に答える