使用Javascript或Jquery获取自定义属性的值

如何使用javascript或jquery获取自定义属性的值

像

---

我尝试了

.getAttribute（）和attr（）

（Javascrupt和jQuery），但没有成功。你知道吗

可以使用以下语法获取值

$('#theid').attr('original-title');

$（'theid'）.attr（'original-title'）；

不要在id中使用空格

添加自定义属性会使html无效。改用

数据属性

：

<strong id="the_id" data-original-title="I NEED THIS">

$('#the_id').data('original-title');

$（'u id'）。数据（'original-title'）；

---

以下是一个工作示例：

Javascript:

$(document).ready(function() {    
  var title = $("#the_id").attr("original-title");
}

document.getElementById("the_id").getAttribute("original-title");

Html:

如果必须在id中使用空格，请按如下方式检索元素和属性值：

$('[id="the id"]').attr([some attribute string]);
//or
$('#the\\ id').attr([some attribute string]);

jQuery(this).attr('original-title');

对于自定义属性，最好使用HTML5

data-[somelabel]

属性，它是向后兼容和标准化的。因此，在您的情况下：

<strong id="the id" data-originalTitle="I NEED THIS">

将“id”更改为“id”

您可以使用纯javascript执行此操作：

$(document).ready(function() {    
  var title = $("#the_id").attr("original-title");
}

document.getElementById("the_id").getAttribute("original-title");

---

最好的使用方法如下：

$('[id="the id"]').attr([some attribute string]);
//or
$('#the\\ id').attr([some attribute string]);

jQuery(this).attr('original-title');

---

我这样做，因为我需要它在一个foreach

$(this).data('original-title')

---

希望你的ID没有中间的空间吗？你应该使用HTML5<代码>数据-*/COD>属性。您当前的标记无效。

strong

标记实际上支持一个

title

属性，为什么不使用该属性而不是无效的

原始title

属性？使用jquery。我尝试过它，但它在Google Chrome中返回nullWorks fine。当

数据-

属性更改时，我没有更新它

$（“#the_id”）.attr（'data-original-title'）

获取attribute.HTML的当前值无效，因为它不是规范的一部分，或者不起作用？我发誓我以前见过自定义属性。这对于我定位一个字段的需求来说是非常好的，因为门户“绘制”了该字段，但保留了“数据原始ID='myField'”的属性，所以主元素ID有时会发生变化。