无法使用带小数（。）的属性值获取元素

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未捕获错误：语法错误，无法识别的表达式：[title = Demo.1]

但它适用于$('[title=Sample]').html()

我认为这是因为小数点＆＃34;。＆＃34; 有没有其他方法可以解决这个问题

Answer 1

您需要关于值的引号：

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

示例：

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

Answer 2

Attribute Equals selector使用有效的标识符或带引号的字符串来按其值定位相应的元素，但是在定位非标识符属性时，引用的字符串通常更可靠。

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