在使用jquery在web api中应用新数据之前无法清除以前的数据

时间:2014-01-19 16:43:02

标签: javascript jquery asp.net-mvc-4 razor

我正在开发asp.net 4 web api项目

我使用以下代码将数据附加到span

使用模型我显示有关所有组的信息

当我点击menu's时,我通过Id并取决于获取新值

但是当我点击新的Id时,我unable to clear prev data

appending new data with Prev

 $.getJSON(
                    "api/groupvalues/" + id,
                    function (data) {

                        $.each(data, function (index, value) {

                            debugger;
                            if (value.Id != undefined) {

 $("#GroupTemplate").prev().remove();​​​​​​​​​ //UNABLE TO REMOVE PREV DATA

$("#GroupTemplate").tmpl(value).appendTo(".span9"); // IT IS DIRECTLY APPENDING DATA WITH PREV ONE
                            }
                        });    



      <div class="span9">
                    <div class="row">
                        <section id="projects">

                             <!-- End FORACH -->
                        </section>

                    </div>
                </div>

<script id="GroupTemplate" type="text/html">
                        <ul id="thumbs">
                            <!-- Item Project and Filter Name -->
                            <li class="item-thumbs span3 Dhol">
                                <!-- Fancybox - Gallery Enabled - Title - Full Image -->                                

                                <!-- Thumb Image and Description -->
                                <img src="../images/img/work/thumbs/image-01.jpg" alt="">
                           <div style="margin-top:5px;">
                             <div class="verifybtngrp"><span class="font-icon-ok-sign" title="verified account"></span></div>
            <h4 class="profile-namegrp"><a href="#"></a>${Name}</h4>

            <p class="profile-description">
            <span class="font-icon-map-marker-2"></span>${Area}<br />
            <span class="font-icon-music"></span>${Name}<br />
            </p></div> </li>
                            <!-- End Item Project -->
                        </ul>                        
                        </script>
  

即使我尝试了所有(".span9").html(''); (".span9").remove();但是没有运气

2 个答案:

答案 0 :(得分:1)

我确实喜欢关注

$(".span9").html($("#GroupTemplate").removeData());

答案 1 :(得分:0)

通过它的声音,您想要清除一个元素,然后在其中添加新数据。如果是这种情况,那么不要从DOM中删除节点,只需清除感兴趣节点的标记:

 $(".span9").html('');