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?

31
demandé sur Mat 2012-09-01 12:46:47

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');

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

42
répondu jinsky 2017-02-21 11:00:51

Changez "l'id" en "the_id".

Vous pouvez le faire en utilisant JavaScript:

document.getElementById("the_id").getAttribute("original-title");
30
répondu Adam Wolski 2012-09-01 09:00:03

Meilleure façon d'utiliser comme ceci:

jQuery(this).attr('original-title');
16
répondu Sumit 2014-02-01 14:06:12
a var DateofEvent = $('[data-original-title=I NEED THIS]').val();
2
répondu azmul 2014-08-19 10:30:09

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">

En savoir plus sur les attributs de données

1
répondu KooiInc 2012-09-01 09:11:33
$('#the<remove space from here>id').attr('original-title');
0
répondu coolguy 2012-09-01 08:49:01

, Vous pouvez obtenir la valeur en utilisant la syntaxe suivante

$('#theid').attr('original-title');
0
répondu Codegiant 2012-09-01 08:55:28

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
répondu Mahbub 2012-09-01 08:57:51

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

$(this).data('original-title')
0
répondu Brainmaniac 2018-09-13 07:42:53