javascript - 克隆一个 div 并替换子元素

标签 javascript jquery html css

<分区>

我有一个包含以下内容的 div:

<div class="payment-form napthe">
    <table>
        <tbody>
            <tr>
                <td><label>Mã thẻ</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ẻ</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>

最佳答案

您应该发布您已经尝试过的...

无论如何,这应该可行

var $clone = $('.payment-form.napthe').clone();
$('.result', $clone).empty();

关于javascript - 克隆一个 div 并替换子元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19375722/

相关文章:

javascript - Angular 2 FormControl,验证方法参数传递

javascript - 更改 native 浏览器事件的最佳方法是什么?

javascript - 如何编写一个实用函数,返回数组中 2 个元素之后的所有元素

javascript - 我怎样才能得到一个会改变多个 div 的 jquery 幻灯片插件?

javascript - 点击按钮调用js代码

javascript - 使用javascript在android chrome浏览器上打开前置摄像头

html - 将 SVG 过滤器应用于 HTML5 Canvas ?

html - 删除html表格中的外边框

javascript - 尝试通过 PHP/Javascript/HTML 更改图像 onclick

javascript - 使用 axios 配置事件设置状态