Wert des Datenattributs an Element anhängen

Question

So habe ich einige jQuery-Datenattribute, auf die ich zugreifen kann, aber ich muss die Werte an ein HTML-Element anhängen, aber nicht so sicher, wie es geht.

Ich benutze eine Shopify App namens Judge.Me für Produktbewertungen, mit JS gibt es Bewertungen für jedes Produkt. Es gibt kein HTML-Markup, in das ich reingreife, nur ein Skriptanruf.

In der E-Mail von der Unterstützung in Bezug auf die verschiedenen Elemente, sagten sie:

„Wir haben keine Flüssigkeit Variablen für diese Daten jedoch sie in unserem Review Widget HTML zur Verfügung stehen, so können Sie extrahieren. sie über JavaScript, jQuery. "

Das Attribut ich habe, ist: $('.jdgm-rev-widg').data('average-rating') und ich möchte das average-rating an ein <h1></h1> Element anzuhängen.

Der Code, den ich bisher habe, wenn auch recht einfach ist:

<div class="score-board"> 
    <h1></h1> 
</div> 


jQuery(document).ready(function() { 
    var $averageRating = $('.jdgm-rev-widg').data('average-rating') 
    $('.score-board h1').append($averageRating); 
}) 

Answer 1

Sie Ihre h1 falsch Targeting. Hier ist ein Beispiel, wie Sie Ihr h1 unten anvisieren können. Sie können entweder

$('.score-board > h1').append($averageRating); 

jQuery(document).ready(function() { 
 
    var $averageRating = $('.average-rating').data('average-rating'); 
 
    $('.score-board > h1').append($averageRating); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="average-rating" data-average-rating="5"></div> 
 
<div class="score-board"> 
 
    <h1></h1> 
 
<div>