Wie kann ich mit jQuery Quicksand das Attribut „data-id' von angeklickten Elementen abrufen?

Abrufen des Daten-ID-Attributs für angeklickte Elemente in jQuery Quicksand

Bei der Arbeit mit dem jQuery Quicksand-Plugin ist das Abrufen des Daten-ID-Attributs angeklickter Elemente unerlässlich Weitergabe an Webdienste oder Durchführung weiterer Aktionen. Dieser Artikel soll eine umfassende Lösung für diese Anforderung bieten.

Mit dem Quicksand-Plugin können Sie Elemente dynamisch sortieren oder filtern, ohne die Seite neu laden zu müssen. Um Klickereignisse an die sortierten oder gefilterten Elemente zu binden, wird die Methode .on() verwendet. Es ist jedoch erforderlich, auf das Daten-ID-Attribut zuzugreifen, um spezifische Informationen abzurufen, die mit dem angeklickten Element verknüpft sind.

Erhalten des Daten-ID-Attributs

Um den Daten-ID-Attributwert abzurufen, jQuery bietet zwei Methoden:

Verwendung von .attr():

Diese Methode ruft das Attribut direkt ab Wert als Zeichenfolge.

$(this).attr("data-id")

Mit .data():

Diese in jQuery 1.4.3 veröffentlichte Methode ruft den Attributwert als analysierten Datentyp ab (falls möglich).

$(this).data("id")

Beispielimplementierung

Berücksichtigen Sie die Folgender HTML- und JavaScript-Code:

<ul>

$("#list li").on('click', function() {
  let dataId = $(this).attr("data-id") || $(this).data("id");
  alert(dataId);
});

In diesem Beispiel kann auf den Wert des data-id-Attributs je nach verwendeter jQuery-Version mit der Methode .attr() oder .data() zugegriffen werden. Wenn auf das Element mit data-id="id-40" geklickt wird, wird in einem Warndialog der Wert angezeigt.

Das obige ist der detaillierte Inhalt vonWie kann ich mit jQuery Quicksand das Attribut „data-id' von angeklickten Elementen abrufen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!