jquery - クリック時に div クラスを jQuery に置き換える問題

Question

私のWebページに次の構成がある

<div class="results_list">
<div class="bg_color shadowy item_wrapper">
    <div class="not_shown">some text here...</div>
    <div class="social_and_download">
        <div class="play_div"> 
            <a class="play" href="#">play</a>
        </div>
    </div>
</div>
<div class="bg_color shadowy item_wrapper">
    <div class="not_shown">other text text here...</div>
    <div class="social_and_download">
        <div class="play_div"> 
            <a class="play" href="#">play</a>
        </div>
    </div>
</div>
</div>

、多くのdiv.item_wrapper要素があり、それぞれにdiv.not_shown子が 1 つあります。対応するa.playリンクをクリックしたときにクラスを変更して、これを表示したいと考えています。私が思いついた最高のものは次のとおりです。

<script type="text/javascript">   
$(document).ready(function() {  
    $("a.play").click(function () {
        $(this).closest("div.item_wrapper").find("div.not_shown").addClass('shown').removeClass('not_shown');
     });        
});  

そしてそれは機能していません。私が間違っていることを教えていただけますか？10倍

Answer 1

最初に .removeClass を試してから .addClass ヘルプを試してみてはいかがですか?