javascript - Jquery点击事件if语句

Question

我正在将琐事作为主要组件添加到我的网页中。我试图在正确的时候分类“正确”，在错误的时候分类“错误”。我不知道我在做什么。哈哈。任何帮助将不胜感激。

    <ul>
        <li id="a">A) Lucy</li>
        <li id="b">B) Bonnie</li>
        <li id="c">C) Sheila</li>
        <li id="d">D) Kai</li>
    </ul>

JQuery

我尝试将正确的变量设为 Jquery 中的变量

 var right = $( "ul li#a" ).on(click, function() {});

 if (click === right){
     $("ul li#a").addClass("correct");
 } else {
     $("li").addClass("wrong");
 }  

Answer 1

如果我理解你的最终目标，你想要做一些事情来表明答案是否是“正确”的答案，那么你想要分配类 . Correct 或 .错误无论他们是否得到“正确”的答案。

我会将 data-right="right" 分配给“正确”答案。然后，当有人点击 li 时，查找该属性，如果他们选择了“正确”答案，则分配 . Correct ，并分配 .wrong 如果没有。

$('li').on('click',function() {
  var right = $(this).data('right');
  $(this).siblings().removeClass('correct wrong');
  if (right == "right") {
    $(this).addClass('correct');
  } else {
    $(this).addClass('wrong');
  }
})

.correct {
  color: green;
}
.correct:after {
  content: '\2713';
}
.wrong {
  color: red;
}
.wrong:after {
  content: '\2613';
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
  <li id="a" data-right="right">A) Lucy</li>
  <li id="b">B) Bonnie</li>
  <li id="c">C) Sheila</li>
  <li id="d">D) Kai</li>
</ul>