Wie würde man ein benutzerdefiniertes Attribut mit Jquery

Wir haben ein benutzerdefiniertes Attribut auf Kontrollkästchen in diesem Fall bezeichnet als Daten-ref.

Wie würde man den Wert abrufen. Dies hat nicht funktioniert.

this.attr('data-ref');

Irgendwelche Ideen,

Wunderbare

  • Gut, wenn es heißt "Datum-ref", dann werden Sie wahrscheinlich nicht wollen, wählen Sie "Daten-ref", so dass ich hoffe einer von denen ist ein Tippfehler in deiner Frage!
  • Naja, deine Frage besagt, dass das Attribut genannt "date-ref" (mit einem e) und Ihre jQuery ist auf der Suche nach "data-ref" (mit einem a). Ich meine nicht zu smarmy, aber ist das das Problem?
InformationsquelleAutor Robin Knight | 2011-03-08
  1. 18

    Sind Sie sich bewusst, dass Sie eine Diskrepanz zwischen Ihren custom-Attribut "date-ref' in den text, und 'Daten-ref' in Ihre jQuery?

    Auch, Sie finden es möglicherweise einfacher, mit zu arbeiten das jQuery-Objekt:

    $(this).attr('data-ref');

    JS Fiddle demo.

    Das problem, in der Tat, scheint zu sein, dass du nicht mit einem jQuery-Objekt:

    this.attr('data-ref');

    Kann nicht funktionieren

    Auf der anderen Seite, abrufen data-* Attribute ist die Verwendung des DOM, haben Sie die Optionen:

    this.getAttribute('data-ref');

    Oder:

    this.dataset.ref;

    Oder:

    this.dataset['ref'];
    • Danke es funktionierte für mich 🙂
    InformationsquelleAutor David Thomas
  2. 2

    $("Auswahl").attr("data-ref");
    sollten auf jeden Fall funktionieren.

    Vielleicht können Sie nach Ihrem html-code

    InformationsquelleAutor Nealv
  3. 1

    vielleicht müssen Sie:

    $(this).attr('data-ref');

    aber das ist nicht sehr schön!
    verwenden jQuery.Daten() zum speichern von Daten auf DOM-Knoten.

    speichern:

    $('#divid').data('data-ref', 'i am data');

    bekommen:

    var data = $('#divid').data('data-ref');
    • Mit dem ".data ()" - API, HTML5 "data-foo" - Attribute referenziert werden soll als nur "foo".
    InformationsquelleAutor felixsigl
  4. 1

    Dem zuvor benannten attr() ist, wie man die benutzerdefinierten Attribute. Jedoch beachten Sie auch, dass, wenn Sie mit HTML5 data -* - Attribute können Sie nun auch nutzen jQuery .Daten (), um die acess Daten:

    http://api.jquery.com/data/

    InformationsquelleAutor DA.
  5. 0

    Ihre implementational es möglicherweise ein problem mit Ihrer Nutzung dieser. vielleicht sollte es werden $(this), oder Sie kann nicht verbindlich, korrekt. Ich finde keine Probleme mit ihm.. siehe http://jsfiddle.net/nvkVy/2/

    <a href='api.fatherstorm.com' data-ref='test' data:ref='test' data_ref='test' class='testable'>test me</a>

<script>
$(document).ready(function(){

    $('.testable').click(function(){

       alert('data-ref='+$(this).attr('data-ref'));
        alert('data:ref='+$(this).attr('data:ref'));
        alert('data_ref='+$(this).attr('data_ref'));
        return(false);
    }); 
});
</script>
    InformationsquelleAutor FatherStorm
Schreibe einen Kommentar