他の要素をクリックしたときに要素を削除するjqueryコードが機能しない

Question

セクション内のリンクをユーザーがクリックしたときに、そのセクション全体を削除しようとしています。どんな助けもありがとう。

HTML： -

<section id = "intro"> 
    <h1> Hey There!</h1> 
    <a href = "#" id = "button_intro"> Click here </a> 
</section> 

はJQuery：

$(document).ready(function(){ 
    $("#button_intro").click(function(){ 
    $("#intro").remove(); 
    }); 
}); 

jQueryのコードは、あなたのコードが動作するこの

<script src = "script.js" async> </script> 

Answer 1

のようにリンクされている.jsファイルです。

jqueryを読み込むのを忘れたと思います。このスクリプトタグ<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<section id = "intro"> 
 
    <h1> Hey There!</h1> 
 
    <a href = "#" id = "button_intro"> Click here </a> 
 
</section> 
 

 
<script> 
 
$(document).ready(function() 
 
{ 
 
$("#button_intro").click(function() 
 
{ 
 
    $("#intro").remove(); 
 
}); 
 
}); 
 

 
</script>

Answer 2

をcode.usingあなたの中に

負荷jqueryのHTMLあなたはjqueryのライブラリsrcを持っていますか？それは完璧に動作します：

$(document).ready(function() 
 
{ 
 
$("#button_intro").click(function() 
 
{ 
 
    $("#intro").remove(); 
 
}); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<section id = "intro"> 
 
    <h1> Hey There!</h1> 
 
    <a href = "#" id = "button_intro"> Click here </a> 
 
</section>