webentwicklung-frage-antwort-db.com.de

Rufen Sie den Wert eines benutzerdefinierten Attributs mithilfe von Javascript oder Jquery ab

Wie kann ich den Wert eines benutzerdefinierten Attributs mithilfe von Javascript oder Jquery erhalten?

Mögen 

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

Ich habe mit .getAttribute() and attr() .. (Javascript & jQuery) ohne Erfolg irgendeine Idee ausprobiert? 

34
stiffle

Verwenden Sie keinen Platz in der ID.

Durch das Hinzufügen benutzerdefinierter Attribute wird Ihre HTML-Datei ungültig. Verwenden Sie stattdessen data-attributes:

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

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

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

47
jinsky

Ändern Sie "die ID" in "the_id".

Sie können es mit einfachem Javascript tun:

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

Am besten so verwenden:

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

Sie können den Wert abrufen, indem Sie die folgende Syntax verwenden

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

Wenn Sie must Leerzeichen in einer ID verwenden, rufen Sie den Element- und Attributwert folgendermaßen ab:

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

Um benutzerdefinierte Attribute zu verwenden, sollten Sie die HTML5-data-[somelabel]-Attribute am besten verwenden. Also in Ihrem Fall so etwas wie:

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

Lies mehr über Datenattribute

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

Das folgende ist ein Arbeitsbeispiel:

Javascript:

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

Html:

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

Ich habe das getan, weil ich es in einem Foreach brauchte

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