Невозможно очистить предыдущие данные, прежде чем применять новые данные в веб-API с помощью jquery

0

Я работаю над проектом asp.net 4 web api

Я добавляю данные в span используя следующий код:

Используя модель, я показываю информацию обо всех группах

Когда я нажал на menu's я передал Id и в зависимости от того, какие новые значения

Но когда я нажимаю на новый Id я unable to clear prev data могу 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(); но не удача

  • 1
    Вы можете показать свою разметку?
  • 0
    @ChrisHardie обновил мой вопрос, пожалуйста, проверьте
Показать ещё 5 комментариев
Теги:
razor
asp.net-mvc-4

2 ответа

1
Лучший ответ

Мне понравилось следующее

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

0

По его звучанию вы хотите очистить элемент, а затем добавить в него новые данные. Если это произойдет, то вместо удаления узла из DOM просто очистите разметку интересующего узла:

 $(".span9").html('');
  • 0
    Я перепробовал все (".span9").html(''); (".span9").remove(); но не везет
  • 0
    Извините, у меня была опечатка, пожалуйста, попробуйте мой обновленный ответ.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню