Die Auswahl benutzerdefinierte Daten-Attribute in JQuery

Ich habe eine Liste hier

<ul id="demo2" data-name="demo2">
    <li data-value="here">here</li>
    <li data-value="are">are</li>
    <li data-value="some...">some</li>
    <!-- notice that this tag is setting a different value :) -->
    <li data-value="initial">initial</li>
    <li data-value="tags">tags</li>
</ul>

Wobei jedes li-Element hat eine eigene Daten-Attribut. Über JQuery, wie sich die Werte jedes li-element hat ein Attribut data-Wert? Ich möchte Ihren Wert erhalten.

aber der code von mir nicht zu funktionieren scheint,

        $('#view-tags').click(function(){
            $('li[data-value]').each(function(){
                alert($(this).data("value"));
            })
    });

Den ganzen code auf jsfiddle: http://jsfiddle.net/Zn3JA/

Ich nicht sehen, dass ein kommen. und ich bin mit einem plugin für JQuery tagit genannt
Gut, korrekt, einschließlich der tagit lib von github, und das die Tatsache, dass Sie gerade gebrochen die demo von der Autor bekomme ich jetzt keine Fehler. Was genau ist dein Problem?? jsfiddle.net/puLeR/2
Ich kann nicht Holen Sie sich die Werte der "Daten-Werte" der einzelnen li.
Nun, als Ich jetzt gezeigt, zweimal, es funktioniert einwandfrei. Einmal im sauber fiddle, einmal fixieren Sie Ihre Geige. Nicht sicher, wie viel ich dazu beitragen kann, sorry!

InformationsquelleAutor user962206 | 2012-08-01

10

Sind Sie ziemlich nahe. Sie können die jQuery - .Daten() - Methode zum Lesen von Parametern, die beginnen mit data-. Also in deinem Fall .data("value") da Ihr Attribut ist data-value="some".

Dies sollte es tun:
```
$('li[data-value]').each(function(){
     alert($(this).data("value"));
});
```
Hier ist eine funktionierende fiddle sowie: http://jsfiddle.net/nuphP/
- Es ist immer noch nicht funktioniert, ich habe aktualisiert mein code. es gibt nur mir eine Undefinierte
- Es sollte funktionieren! Ich habe eine Geige auf meine Antwort, die zeigen, dass der code in Aktion. Sind Sie immer alle JS-Fehler? Sie verweisen auf die jQuery-Bibliothek?
- Warten Sie, ich werde meinen gesamten code auf Js-Fiddle
- hier mein code in der fiddle - jsfiddle.net/Zn3JA
- Ich habe deinen code in diese Geige, indem einige JS-code, der konnte nicht aufgerufen werden, da der Geige fehlte die tagit.js Datei-Instanz. So, dieses Stück code ist gut arbeiten. Die problem liegen irgendwo in Ihrem code. Sie hat wahrscheinlich einige andere JS-Fehler, brechen Sie die Ausführung.
- wenn ich die Warnung in der ersten Linie im Dokument.ready-Funktion funktioniert es aber wenn ich es irgendwo an der Unterseite ist es nicht mehr zu arbeiten. das ist sehr seltsam
- Ist es wahrscheinlich, weil einige der code dazwischen wirft einen Fehler, Stoppt die Ausführung. Gibt es für den jQuery-code wird nie ausgeführt, wenn es sich am Ende. Finden Sie die Fehler, und dein code sollte funktionieren. Sind Sie sicher, dass die .tagit() wie erwartet funktionieren zum Beispiel?
InformationsquelleAutor Christofer Eliasson
4
```
$(this).attr('data-value') 
```
sollte auch funktionieren.
- Beachten Sie, dass dies ist etwas anders: es wird ein real-Attribut im element. Wenn Sie .data() wird, wird der Wert gespeichert werden, in der DOM-Knoten, aber nicht verhält sich wie ein HTML-Attribut; dies kann oder kann nicht sein, was Sie wollen; aber es ist wichtig, zu beachten (z.B., CSS auswählen können, die durch Reale Attribute festlegen von .attr()).
InformationsquelleAutor Robin Drexler
1

Können Sie in Ihrem Fall:
```
 jQuery(this).data("value");
```
um den Wert abzurufen.
- Es ist immer noch nicht funktioniert, ich habe aktualisiert mein code bitte überprüfen Sie meine Frage
InformationsquelleAutor S P
1

$(this) bezieht sich auf die aktuelle li element, somit erhalten Sie das element alarmiert.

Können Sie versuchen, das, was die anderen vorgeschlagen haben, ich.e $(this).data("value")
- Das habe ich schon, aber es wieder bei mir ein undefined
- Welche version von jquery benutzt du ?
- Die neuesten 1.7.2
- Ok.. was ist der Typ des Elements mit der id view-tags?
InformationsquelleAutor Clyde Lobo
0
```
   $('#view-tags').click(function(){
        $('li[data-value]').each(function(){
        var value = $(this).attr('data-value');
            alert(value);
        })
}); //this work normally
```
Nimmt das Attribut den Wert und speichert den Wert der Variablen
```
var value = $ (this) .attr ('date value');
```
Nach dieser Warnung den Wert der Variablen
```
alert (value);
```
- bitte fügen Sie etwas Erklärung zu deiner Antwort.
- Verstehe ich nicht?
- Einige Erklärung zu deinem code, wie Ihre Antwort helfen oder lösen die Frage?
- Ich habe ok danke
- Große!!!!......Folgen Sie immer dieser
InformationsquelleAutor Adriano Ernesto

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.