web-dev-qa-db-fra.com

Obtenir la valeur d'un attribut personnalisé à l'aide de Javascript ou de Jquery

Comment puis-je obtenir la valeur d'un attribut personnalisé à l'aide de javascript ou de jquery?

Comme 

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

J'ai essayé avec .getAttribute() and attr() .. (Javascrupt & jQuery) sans succès aucune idée? 

javascriptjqueryattributes
34
stiffle

N'utilisez pas d'espace dans l'identifiant.

Et l'ajout d'attributs personnalisés rend votre code HTML invalide. Utilisez data-attributes à la place:

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

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

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

47
jinsky

Changez "l'id" en "the_id".

Vous pouvez le faire en utilisant javascript:

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

Meilleure façon d'utiliser comme ceci:

jQuery(this).attr('original-title');
16
Sumit
a var DateofEvent = $('[data-original-title=I NEED THIS]').val();
3
azmul

Vous pouvez obtenir la valeur en utilisant la syntaxe suivante

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

Si vous devez utiliser des espaces dans un identifiant, récupérez l'élément et la valeur d'attribut comme ceci:

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

Pour les attributs personnalisés, utilisez au mieux les attributs HTML5 data-[somelabel], ils sont rétrocompatibles et standardisés. Donc, dans votre cas, quelque chose comme:

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

En savoir plus sur les attributs de données

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

Voici un exemple de travail:

Javascript:

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

Html:

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

Je l'ai fait comme j'en avais besoin dans une foreach

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