jQuery获取父窗口的元素-优快云博客

本文介绍了如何使用JavaScript获取父页面元素及值，并通过实例展示了jQuery如何替换与添加DOM内容，包括在元素前后插入内容的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js获取父页面的元素可以用

$(window.parent.document).find("#customer_id").val();这里的customer_id表示父页面某一个元素的id。

比如：父页面有一个隐藏的input框

<input id="customer_id" type="hidden" value="${distributor.customer_id}"/>，

那么在子页面就可以用上述的语句取到父页面的id为customer_id的值。
jQuery替换div里的内容：

$('#id名').html('要替换的内容');

jQuery 添加新内容有以下四个方法：

append() - 在被选元素的结尾插入内容
prepend() - 在被选元素的开头插入内容
after() - 在被选元素之后插入内容

before() - 在被选元素之前插入内

<table id = "test">

    <thead>
        <tr><th>列1</th><th>列2</th><th>列3</th></tr>
    </thead>
    <tbody>
        <tr><td>1</td><td>1</td><td>2</td></tr>
        <tr><td>2</td><td>4</td><td>5</td></tr>
    </tbody>     
</table>
<input type="button" id="btn1" value="在开头增加">
<input type="button" id="btn2" value="在末尾增加">
$(function(){
    $("#btn1").click(function() {
        $("#test tbody").prepend('<tr><td></td><td></td><td></td></tr>');
    });
    $("#btn2").click(function() {
        $("#test tbody").append('<tr><td></td><td></td><td></td></tr>');
    });
})

转载于:https://www.cnblogs.com/lxl57610/p/7048699.html