將數據屬性的值附加到元素

所以我有一些我可以訪問的jQuery數據屬性，但我需要將這些值附加到HTML元素，但不太確定如何去做。將數據屬性的值附加到元素

我正在使用稱爲Judge.Me的Shopify應用程序進行產品評論，使用JS將它放入每個產品的評論中。沒有我輸入的HTML標記，只是一個腳本調用。

在從支持有關的各種要素的電子郵件，他們說：

「我們沒有液體變量的數據。但是，他們在我們的審查Widget的HTML，所以你可以提取。他們通過JavaScript，jQuery。「

我的屬性是：$('.jdgm-rev-widg').data('average-rating')，我想給average-rating到<h1></h1>元素追加。

的代碼我到目前爲止，雖然比較基本是：

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


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

來源

2017-07-15 ConduciveMammal

如果檢查HTML是什麼樣子呢？「data-average-rating」元素存在於哪裏？ – Dan

你沒有正確地定位你的H1。以下是如何將您的h1定位到下面的示例。您可以使用

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

來源

2017-07-15 17:38:02 Win

感謝您的快速回復，對不起，我的H1是'

'中的無類別。上面的代碼是否仍然適用？ – ConduciveMammal

看到新的修復:) IT應該沒有任何問題：D – Win

嗯，所以我發佈了你提供的新腳本代碼，但它似乎沒有任何改變。 – ConduciveMammal

將數據屬性的值附加到元素

回答

相關問題