Unable to get an element by attribute value with a decimal ( . )

Question

This is my Html Snippet

<div class="style" title="Demo.1"></div>
<div class="style" title="Sample"></div>

I am trying to get an html element using the selector

$('[title=Demo.1]').html()

and i got this error message

jquery-1.8.3.js:4680 Uncaught Error: Syntax error, unrecognized expression: [title=Demo.1]

but it is working for $('[title=Sample]').html()

I think it is because of the decimal point "." Is there any other way to solve this

The relevant part from the documentation: http://api.jquery.com/attribute-equals-selector/ — Boldewyn, Jun 28 '16 at 14:19
Another dupe target: http://stackoverflow.com/questions/2694640/find-an-element-in-dom-based-on-an-attribute-value — T.J. Crowder, Jun 28 '16 at 14:21

T.J. Crowder · Accepted Answer · 2016-06-28T14:21:47.537

3

You need quotes on the value:

$('[title="Demo.1"]').html()

Example:

console.log($('[title="Demo.1"]').html())

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="style" title="Demo.1">Demo1</div>
<div class="style" title="Sample">Sample</div>

edited Jun 28 '16 at 14:21

answered Jun 28 '16 at 14:17

T.J. Crowder

1,031,962
187
1,923
1,875

Yes its working, thank you :) – Prem Jun 28 '16 at 14:19

Rion Williams · Answer 2 · 2016-06-28T14:41:07.340

0

The Attribute Equals selector use valid identifers or quoted strings to target the appropriate element by its value, however quoted strings are generally more reliable when targeting non-identifier attributes like this one.

// This will target any elements that have a title attribute that is exactly "Demo.1"
$('[title="Demo.1"]').html();

edited Jun 28 '16 at 14:41

answered Jun 28 '16 at 14:18

Rion Williams

74,820
37
200
327

Unable to get an element by attribute value with a decimal ( . )

2 Answers2