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

时间:2022-04-15 09:03:24

How can I get the value of a custom attribute using javascript or jquery?

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

Like

就像

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

I've tried with .getAttribute() and attr()..(Javascrupt & jQuery) without success any idea?

我尝试过。getattribute()和attr()。(Javascrupt & jQuery)没有任何想法吗?

8 个解决方案

#1


43  

Don't use space in id.

不要在id中使用空格。

And adding custom attributes make your html invalid. Use data-attributes instead:

添加自定义属性使html无效。使用数据属性:

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

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

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

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

#2


28  

Change "the id" to "the_id".

将“id”更改为“the_id”。

You can do it using plain javascript:

你可以使用简单的javascript:

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

#3


15  

Best Way to use like this:

最好的方法是:

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

#4


2  

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

#5


1  

If you must use spaces in an id, retrieve the element and attribute value like this:

如果必须在id中使用空格,则检索元素和属性值,如下所示:

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

For custom attributes best use the HTML5 data-[somelabel] attributes, it's backward compatible and standardized. So in your case something like:

对于自定义属性,最好使用HTML5数据-[somelabel]属性,它是向后兼容和标准化的。所以在你的案例中

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

Read more about data-attributes

阅读更多关于数据属性

#6


0  

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

#7


0  

You can get the value by using the following syntax

可以使用以下语法获取值

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

#8


0  

The following is an working example:

下面是一个工作示例:

Javascript:

Javascript:

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

Html:

Html:

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

#1


43  

Don't use space in id.

不要在id中使用空格。

And adding custom attributes make your html invalid. Use data-attributes instead:

添加自定义属性使html无效。使用数据属性:

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

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

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

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

#2


28  

Change "the id" to "the_id".

将“id”更改为“the_id”。

You can do it using plain javascript:

你可以使用简单的javascript:

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

#3


15  

Best Way to use like this:

最好的方法是:

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

#4


2  

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

#5


1  

If you must use spaces in an id, retrieve the element and attribute value like this:

如果必须在id中使用空格,则检索元素和属性值,如下所示:

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

For custom attributes best use the HTML5 data-[somelabel] attributes, it's backward compatible and standardized. So in your case something like:

对于自定义属性,最好使用HTML5数据-[somelabel]属性,它是向后兼容和标准化的。所以在你的案例中

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

Read more about data-attributes

阅读更多关于数据属性

#6


0  

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

#7


0  

You can get the value by using the following syntax

可以使用以下语法获取值

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

#8


0  

The following is an working example:

下面是一个工作示例:

Javascript:

Javascript:

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

Html:

Html:

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