将数据属性的值附加到元素

所以我有一些我可以访问的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

将数据属性的值附加到元素

回答

相关问题