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

Question

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

喜欢

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

我试过.getAttribute() and attr() ..（Javascrupt＆amp; jQuery）没有成功任何想法？

Answer 1

不要在id中使用空格。

添加自定义属性会使您的HTML无效。请改用data-attributes：

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

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

http://jsbin.com/akoyut/2/edit

Answer 2

将“id”更改为“the_id”。

你可以使用普通的javascript：

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

Answer 3

最佳使用方式：

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

Answer 4

a var DateofEvent = $('[data-original-title=I NEED THIS]').val();

Answer 5

您可以使用以下语法

获取值

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

Answer 6

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

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

对于自定义属性，最好使用HTML5 data-[somelabel]属性，它是向后兼容和标准化的。所以在你的情况下，如：

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

Read more about data-attributes

Answer 7

$('#the<remove space from here>id').attr('original-title');

Answer 8

以下是一个工作示例：

使用Javascript：

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

HTML：

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

Answer 9

我做了这个，因为我需要在foreach中

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