Question

所以我有一些我可以访问的jQuery数据属性，但我需要将值附加到HTML元素，但不太确定如何操作。

我使用名为Judge.Me的Shopify应用程序进行产品评论，使用JS对每个产品进行评论。我输入的没有HTML标记，只是一个脚本调用。

在支持各种元素的电子邮件中，他们说：

＆＃34;我们没有这些数据的液体变量。但是，它们可以在我们的评论小部件的HTML中找到，因此您可以通过JavaScript，jQuery提取它们。＆＃34;

我拥有的属性是：$('.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);
 })

Answer 1

您的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>

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

1 个答案: