Escape the dot and [] in selector in jQuery

Description

The following code shows how to escape the dot and [] in selector.

Example


<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<style type="text/css">
.changeP { font-weight: bold; color:red;}
</style><!--  w w w  . j a v a2 s .c o m-->

<script type="text/javascript">
$(document).ready(function(){
$("#myID\\.index\\[1\\]").css("border","3px solid red");
});
</script>
</head>
<body>
<div id="myID.index[0]">0</div>
<div id="myID.index[1]">1</div>
<div id="myID.index[2]">2</div>
</body>
</html>

Click to view the demo

The code above generates the following result.

Escape the dot and [] in selector in jQuery

Home »
  Javascript Tutorial »
    jQuery »
      jQuery Select

...
Count child elements in jQuery
Count the parent elements by tag name in jQ...
Create a custom selector that selects eleme...
Escape characters in selector in jQuery

Escape the dot and [] in selector in jQuery

Filter by class name in jQuery
Filter by id returned from a function in jQ...
Filter class out for a list of selected ele...
Filter content by node type in jQuery
Filter contents of a paragraph by node type...
Filter element by checking class existance ...
Filter element by index in jQuery
Filter element list by index in jQuery
Filter out element and add style in jQuery
Filter parent with class in jQuery
Filter selected element list by ID in jQuer...
Filter with customized function in jQuery
Find all children with a class "selected" o...
Find radio button within the first form in ...
Get all form elements in different ways in ...
Get first element in query set in jQuery
Get list item index in jQuery
Get parent for a form input element in jQue...
Get the count of input elements in jQuery
Get the last span just added to a paragraph...
Get the length for matched element list in ...
Get the tag name of the element clicked on ...
Map parent elements to get all their names ...
Mark under line by content $("div:contains(...
Match all elements including head, body, et...
Match input element with attribute-begin-wi...
Reference current element its event handler...
Remove an element by its contents $("p") in...
Select Form Checkbox with Form Checkbox sel...
Select Form Checked box $("input:checked") ...
Select Form Disabled form element $("input:...
Select Form Enabled form element $("input:e...
Select Form File upload $(":file") in jQuer...
...