Javascript 将数据传递到modal中的引导h3元素

我有这个html代码

<button class="btn btn-warning slider__button--primary" type="button" data-toggle="modal" data-target="#myModal" data-name="product name">more...</button>

---

如何将数据传递到h3元素？？？

使用

.html（名称）

而不是

.val（名称）

val（）

用于表单输入字段。这是否回答了您的问题？Ooobs，非常感谢，为我工作

<div class="modal-body">
  <div class="row">
    <h3></h3>
  </div>
  <button type="button" id="subscribe" class="btn btn-warning mx-3 my-sm-2 ml-sm-0 ml-md-0 px-md-3" value="products/details">subscribe now</button>
                                                        
</div>

$('#myModal').on('show.bs.modal', function (event) {
    var button = $(event.relatedTarget)
    var name = button.data('name')
    var modal = $(this)
    modal.find('.modal-body h3').val(name)
})