使用属性jQuery删除li

Question

I need to remove a list item li that has a specific attribute.

My current attempts fail.

id = $(this).attr('data-id');        
$.post('uri.../delete_file/' + id).done(function(data) 
{           
  var obj = jQuery.parseJSON(data);
  if (obj.status == 'success') 
  {
    $('li["data-id=' + id +'"]').remove();
  }
}

FireBug is informing that the jQuery expression is wrong.

$('li["data-id=' + id +'"]').remove();

The list item must have an attribute of data-id=""

UPDATE - PHP and HTML

<?php foreach($files as $file): ?>

<li data-id="<?php echo $file->id;?>">

    <a href='#' class='delete_file' data-id="<?php echo $file->id;?>">[X] Delete</a>

</li>   

<?php endforeach;?>

UPDATE 2 - Message from FireBug

Error: Syntax error, unrecognized expression: ["data-id=1"]


throw new Error( "Syntax error, unrecognized expression: " + msg );

Answer 1

I think you wrong on putting double quote. it's must:

$('li[data-id="' + id +'"]').remove();