使用JSON回复，使用jQuery从列表中删除

Question

I have this list of items, and I have a button at the bottom for deleting some of them according to their checkboxes. I also got a response from a jQuery get() with the elements that represent the new list. So, the rest need to be removed. This is how my list is built :

<table style="float:left;width:100%">
<tbody>
    <?php foreach ($items as $item): ?>
    <tr>
        <div>
            <td ?>;
                <input type="checkbox" name="item_<?php echo $item['NAME'];?>" value="<?php echo $item['ID'];?>" />
            </td>
        </div>
    </tr>
    <?php endforeach; ?>
</tbody>

I use the get() function and get the following reply in json.

[{"ID":"2","EMAIL":"xxxxx@hotmail.com","DATETIME":"2011-12-12 03:20:01"},{"ID":"4","EMAIL":"xxxxx@gmail.com","DATETIME":"2011-10-09 01:15:22"}"]

All I want to do now is simply eliminate the correspoding where the input value (which is the json's ID) is NOT in the json reply.

Any ideas how to do this with jQuery ? Thanks !

Answer 1

There are several different ways to do this. I kind of like going through your json response, flagging those that are confirmed, delete those unconfirmed, and remove the confirmed flag. eg

var json = [{'id':'2','email':... }];

// first, flag what we DO have
$.each(json,function(n,r){
  var $i = $(':input[value="' + r.ID + '"]');
  if ($i.length > 0){
    $i.addClass('ajax-confirmed');
  }
});
// delete what hasn't been flagged
$(':input:not(.ajax-confirmed)').each(function(m,r){
  var $row = $(r).closest('tr');
  $row.remove();
});
// then remove the flag (cleanup)
$(':input.ajax-confirmed').removeClass('ajax-confirmed');

Fiddle showing it in action: http://jsfiddle.net/v9paf/ (Or if you want to feel like you're deleting it... http://jsfiddle.net/v9paf/1/ )