On click remove div with js

Question

如果我点击X，它将删除div:

$('#close').on('click', function(){
  $(this).closest('div').remove();
})

<div class="single_add">
    <i id="close" class="fa fa-times-circle">X</i>
    ads
</div>

jsfiddle 中的代码

http://jsfiddle.net/Ny346/161/

但当我把它上传到我的服务器上时，它不起作用

http://www.bohgames.com/js.html

问题出在哪里？

Answer 1

<div class="single_add">
<i id="close" class="fa fa-times-circle" onclick="this.parentElement.style.display = 'none';">X</i>
ads
</div>

Answer 2

您没有包含jquery脚本检查控制台中显示的错误Uncaught ReferenceError: $ is not defined

包括jquery脚本，就可以了

Answer 3

您还没有包含jQuery库。将此添加到页面顶部或底部

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 4

您没有包含JQuery Script、

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>