javascript - 使用 jQuery 打印 HTML 元素的内容

Question

如果元素不为空，我正在使用 jQuery 打印 HTML 元素的内容:

<script>
    jQuery(document).ready(function(){
        function myFunction() {
            var x = document.getElementsByClassName("simpleproduct");
            if(x != null){
                var y = x[0].innerHTML;
                alert(y);
            }
        }
    });
</script>

这是调用 JavaScript 函数的按钮:

<button onclick="myFunction()">ClickToSee</button>

这是一个示例 HTML 元素

<h5 class="simpleproduct">199.99</h5>

我做错了什么？

Answer 1

jQuery(document).ready(function() {});

function myFunction() {
  var x = document.getElementsByClassName("simpleproduct");
  if (x != null) {
    var y = x[0].innerHTML;
    alert(y);
  }
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button onclick="myFunction()">ClickToSee</button>
<h5 class="simpleproduct">199.99</h5>

将函数放在 jquery.ready 之外