Я работаю над проектом 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();
но не удача
Мне понравилось следующее
$(".span9").html($("#GroupTemplate").removeData());
По его звучанию вы хотите очистить элемент, а затем добавить в него новые данные. Если это произойдет, то вместо удаления узла из DOM просто очистите разметку интересующего узла:
$(".span9").html('');
(".span9").html('');
(".span9").remove();
но не везет