要素にデータ属性の値を追加する

Question

私はアクセスできるjQueryデータ属性をいくつか持っていますが、HTML要素に値を追加する必要がありますが、その方法はあまり明確ではありません。

私は製品レビューのためにJudge.Meと呼ばれるShopifyアプリを使用しています.JSを使用して、各製品のレビューに入れます。私が入力するHTMLマークアップはありません。スクリプトコールだけです。様々な要素に関するサポートからのメールで

、彼らは言った：

を「我々は、これらのデータのための液体の変数を持っていないしかし、彼らは私たちのレビュー・ウィジェットのHTMLで利用可能な、あなたが抽出できるようにします。それらはJavaScript、jQuery経由で。

私が持っている属性は次のとおりです。$('.jdgm-rev-widg').data('average-rating')と私は<h1></h1>要素にaverage-ratingを追加したいと思います。

私がこれまで持っているコードは、かなり基本的なたとえです：

<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

あなたは間違ってあなたのH1をターゲットにしています。下のh1のターゲットを設定する方法の例を示します。あなたはどちらかあなたがHTMLを調べると、それが好きなものを見てん

$('.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>