问获取多个数据元素类并放入DOM示例

EN

$('#provinceInfo').addClass(linkHref);

$('#provinceInfo').removeClass().addClass(linkHref);

var countryElements = document.getElementById('items').childNodes;
  var countryCount = countryElements.length;
  for (var i = 0; i < countryCount; i++) {
    countryElements[i].onclick = function() {
      console.log('My Data Name: ' + this.getAttribute('data-name'));
    }
  }
  
  $('#items .check').click(function () {
    var linkHref = $(this).data('name');
    $('#provinceInfo').html(linkHref);
    $('#provinceInfo').removeClass().addClass(linkHref);
});

#provinceInfo{
background-color:#f4f4f4;
padding:30px;
margin-bottom:10px
font-weight:700;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="provinceInfo"></div>
<div id="items">
  <div class="check" data-name="london">United Kingdom</div>
  <div class="check" data-name="berlin">Germany</div>
  <div class="check" data-name="paris">France</div>
</div>

$('#items .check').click(function () {
    var linkHref = $(this).data('name')+' check';
    $('#provinceInfo').html(linkHref);
    $('#provinceInfo').attr('class', linkHref);
});