我的练习中出现 JavaScript 验证错误

Question

我正在尝试为 child 开发一个电子学习网站。它包含一个练习，通过查看线索图像，从给定的四个选项中选择正确的答案。当 child 选择正确答案时，答案会变为绿色并带有 right.png 图像，而选择错误答案时它会变为红色并带有 wrong.png 图像。这里的问题是，第二次单击 worng 答案时会显示多个 wrong.png 图像。这个问题的图像线索是礼物。任何人都可以帮助我.. 我的 html 代码是-

<ul class="list gift">
            <li>gasp</li>
            <li>gift</li>
            <li>golf</li>
            <li>gust</li>
        </ul>

我的 JavaScript 是-

$(document).ready(function() 
         {

     //11111111111111
            $('ul.gift li').click(function(e) 
            { 
                correct = "gift";
                needed = $(this).html();

                if(correct==needed){
                    $( e.target ).closest("li").empty();
                    $innercontent = '<li style="color: green;">'+ needed +'<img src="images/right.png"></li>';
                    $( e.target ).closest("li").html($innercontent);

                    }else{
                        $( e.target ).closest("li").empty();
                        $innercontent = '<li style="color: red;">'+ needed +'<img src="images/wrong.png"></li>';
                        $( e.target ).closest("li").html($innercontent);
                        }   

                            });
});

Answer 1

您需要的变量导致了问题。

http://jsfiddle.net/6gkpyhyf/

 needed = $(this).text();

根据需要更改 = $(this).html();需要 = $(this).text();