Obtenir la valeur D'un attribut personnalisé en utilisant Javascript ou Jquery
Comment puis-je obtenir la valeur d'un attribut personnalisé en utilisant javascript ou jquery?
Comme
<strong id="the id" original-title="I NEED THIS">
J'ai essayé avec .getAttribute() and attr()
..(Javasrupt & jQuery) sans succès aucune idée?
9 réponses
N'utilisez pas d'espace dans id.
Et l'ajout d'attributs personnalisés rendent votre code html invalide. Utilisez data-attributes
à la place:
<strong id="the_id" data-original-title="I NEED THIS">
$('#the_id').data('original-title');
Changez "l'id" en "the_id".
Vous pouvez le faire en utilisant JavaScript:
document.getElementById("the_id").getAttribute("original-title");
Meilleure façon d'utiliser comme ceci:
jQuery(this).attr('original-title');
a var DateofEvent = $('[data-original-title=I NEED THIS]').val();
Si vous devez utiliser des espaces dans un id, récupérez la valeur de l'élément et de l'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. Si dans votre cas, quelque chose comme:
<strong id="the id" data-originalTitle="I NEED THIS">
, Vous pouvez obtenir la valeur en utilisant la syntaxe suivante
$('#theid').attr('original-title');
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>
Je l'ai fait comme j'en avais besoin dans un foreach
$(this).data('original-title')