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>