Javascript jQuery.load复制div

我试图刷新一个div，结果却得到了一个div ie的副本；一个在另一个里面。我目前正在使用jQuery、Struts2和Struts2 jQuery插件进行查看

它当前正在做什么：

<div id="nameVolumeWrapper....>
    <div id="nameVolumeWrapper....>
    </div>
</div>

刷新脚本

<script>
    function reloadContent() {
        $('#nameVolumeWrapper').load('${jsonAction} #nameVolumeWrapper');
    }
</script>

<sj:select href="%{jsonURL}" 
                 id="utility" 
               name="selectedUtility" 
               list="utilityList" 
          headerKey="-1" 
        headerValue="Please Select A Utility"
           onchange="reloadContent()"
     onChangeTopics="reloadSecondList"/>

函数重载内容（）{
$（'#nameVolumeWrapper'）。加载（'${jsonAction}#nameVolumeWrapper'）；
}

调用刷新脚本的元素

<script>
    function reloadContent() {
        $('#nameVolumeWrapper').load('${jsonAction} #nameVolumeWrapper');
    }
</script>

<sj:select href="%{jsonURL}" 
                 id="utility" 
               name="selectedUtility" 
               list="utilityList" 
          headerKey="-1" 
        headerValue="Please Select A Utility"
           onchange="reloadContent()"
     onChangeTopics="reloadSecondList"/>

我正在尝试重新加载的div

<sj:div id="nameVolumeWrapper" listenTopics="reloadSecondList" 
        effect="pulsate" effectDuration="1000"
        cssStyle="height:250px; overflow-y: scroll; width:910px; 
        margin-left:auto; margin-right:auto;">
<table id="pricingInput" class="footable" style="width: 800px; 
        table-layout: fixed; margin-left: auto; margin-right: auto; 
        margin-bottom:50px;">
    <thead>
        <tr>
            <th style="text-align: center;">Account Name</th>
            <th style="text-align: center;">Annual kWh Volume</th>
            <th style="text-align: center">Rate Class</th>
            <th style="text-align: center;">Add Another?</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td><s:textfield name="nameHolder" /></td>
            <td><s:textfield name="volumeHolder" /></td>
            <s:url id="jsonURL" action="jsonAction" namespace="/"/>
                <td>
                    <sj:select href="%{jsonURL}" 
                                 id="rate_class" name="rateHolder" 
                               list="rateClassList" 
                          headerKey="-1" 
                        headerValue="Please Select a RateClass"
                       reloadTopics="reloadSecondList"/>
                </td>
            <td>
                <input type="button" class="addButton" value="Add" />
                <input type="button" value="Delete" onclick="deleteRow(this)">
            </td>
        </tr>
    </tbody>                                    
</table>

帐户名
年千瓦时电量
等级
再加一个？

---

长话短说，如何修改我的javascript或div定义，使其在调用javascript时不会重复div？

您可以这样做：

$.get("${jsonAction} #nameVolumeWrapper", function(data) {
    $('#nameVolumeWrapper').html($(data).html());
});

或者，如果这不起作用，您可以：

var wrapper = $('#nameVolumeWrapper');
wrapper.load('${jsonAction} #nameVolumeWrapper', function() {
   wrapper.children('#nameVolumeWrapper').unwrap();
});

---

你可以这样做：

$.get("${jsonAction} #nameVolumeWrapper", function(data) {
    $('#nameVolumeWrapper').html($(data).html());
});

或者，如果这不起作用，您可以：

var wrapper = $('#nameVolumeWrapper');
wrapper.load('${jsonAction} #nameVolumeWrapper', function() {
   wrapper.children('#nameVolumeWrapper').unwrap();
});

---

@Pete虽然该解决方案理论上可以工作，但我的表通过添加/删除行功能和.html（）进行扩展和收缩代码它不会将其重置回其默认大小，而是使用该解决方案保持其修改形式，如果它复制您的代码ur未正确使用加载函数，或者响应中有一个具有相同id的div$（你的目标）.load（URL，function（）{alert（'done'）}我想我必须走的路径是通过Pete的get；然后从另一个文件加载我的数据，并使用replacewith函数来获取我要查找的内容。这不是真的需要。只需检查你的响应，确保里面没有#nameVolumeWrapper。如果你检查了，你可以使用它$（“#nameVolumeWrapper”）.load（服务器上的url/action）@Pete，而该解决方案理论上可以工作。我的表通过添加/删除行功能和.html（）进行扩展和收缩代码它不会将其重置回其默认大小，而是使用该解决方案保持其修改形式，如果它复制您的代码ur未正确使用加载函数，或者响应中有一个具有相同id的div..$（您的目标）。加载（URL，function（）{alert（'done'）}我想我必须通过Pete的get；从另一个文件加载我的数据，并使用replacewith函数来获取我要查找的内容。这不是真的需要。只需检查您的响应，确保里面没有35; nameVolumeWrapper。如果您检查了是否可以使用$（'#nameVolumeWrapper'）。load（服务器上的url/操作）