Невозможно получить элемент по значению атрибута с десятичной (.)

Question

Это мой Html Отрывок

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

Я пытаюсь получить HTML элемент, используя селектор

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

и Я получил это сообщение об ошибке

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

но он работает для $('[title=Sample]').html()

Я думаю, что это из-за десятичной точки "." Есть ли другой способ решения этой проблемы

Answer 1

Вы должны котировки на стоимости:

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

Пример:

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>

Answer 2

В Attribute Equals selector использует действительное identifers или строки в кавычках для нацеливания соответствующего элемента на его значение, однако цитируемые строки являются общими y более надежны при настройке атрибутов неидентификатора, подобных этому.

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