从ul jQuery中删除li

Question

I have a list with id's that may contain spaces. I have used two approaches to remove an li(by id) from ul :

 var element = document.getElementById(<name_of_id>);
 $(element).remove();

 var element = document.getElementById(<name_of_id>);
 element.parentNode.removeChild(element);

Neither of them works! Please help

Here is my html :

 <li value='A 1' id='A 1'></li>

Answer 1

Identifier with space are invalid in HTML. I would recommend you use valid identifiers.

However as you need them you can use Attribute Equals Selector [name=”value”]

$('[id="ID of element"]').remove(); 

 $('[id="remove this li"]').remove() 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <ul> <li>one</li> <li id="remove this li">two</li> <li>three</li> </ul> 

Answer 2

For HTML 4:

ID and NAME tokens must begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]), hyphens ("-"), underscores ("_"), colons (":"), and periods (".").

For HTML 5:

An id must contain at least one character and may not contain any space characters.

Firstly, you should clear that spaces. And then, you can use it:

$("#YourElementId").remove();

Answer 3

Id with spaces is invalid except that you can use this to remove the li:-

var node = document.getElementById('id');
node.parentNode.removeChild(node);

Answer 4

I have found the answer . Since my id's are being passed into a function, so they are contained in variables. This is how it works :

   vmTemplateName = "'"+vmTemplateName+"'"; //id name
   $("[id="+vmTemplateName+"]").remove();