jquery突出显示（更改颜色）特定的<p class =“x”>文本</p>

Question

我是jquery的新手但是我尽我所能。     这是问题，我有这个“处方集”，我提出了一些问题并且工作正常。     但是当这个人标记出正确的选项时，我需要突出显示文本中的一些段落。

heres some part of the structure( if you want i'll put the whole thing) 


<p>  text  text  text  text  <p class="class1"> TEXT I NEED TO HIGHLIGHT WHEN DUDE SELECT'S RIGHT OPTION<p>  text  text  text  <p>

function verificaQuestao1(){
 resetaAlternativaQuestoes1();
 <!-- Letra A -->
 if($('#questao1_a').val()==4 ){         //if OPTION IS CORRECT
 mudaCorTextoParagrafo("#q1Alt_a","green",20);   //changes color to green
 $("#q1SimbCerto_a").show();                      // shows correct .jpg
 $("#q1SimbErrado_a").hide();                   //dont care
                         //HERE IS THE PART I SHOULD HIGHLIGHT SOME SPECIFIC <P ="CLASS> 
 }
 else{
 mudaCorTextoParagrafo("#q1Alt_a","red",20);enter code here
 $("#q1SimbCerto_a").hide();
 $("#q1SimbErrado_a").show();

Answer 1

你的问题不是很清楚。但这是一个小型演示，可以帮助您：

HTML

<p>
    <b>Option 1:</b>  Dogs are <span id="o1">just as cool</span> as cats. <br>
    <b>Option 2:</b>  Dogs are <span id="o2">not as cool</span> as cats.
</p>
    <b><span id="comment">Please select the correct answer<span></b> 
    <br><br>

    <button type="button" id="b1">Option 1 is correct</button>
    <button type="button" id="b2">Option 2 is correct</button> 
    <br><br>
    <button type="button" id="b3">Show answers</button>

CSS

.correct { background-color:lime; }

.wrong   { background-color:red; }

#comment { background-color:silver; }

的jQuery

$(document).ready(function() {

    $("#b1").click(function() {
          $("#o1").addClass('wrong');
          if ($("#o2").hasClass('correct')) { $("#o2").removeClass('correct'); }
          $("#comment").text('You have selected the wrong answer. Please try again');
    });

    $("#b2").click(function() {
          $("#o2").addClass('correct');
          if ($("#o1").hasClass('wrong')) { $("#o1").removeClass('wrong'); }
          $("#comment").text('That is correct!');
    });

    $("#b3").click(function() {
          $("#o1").addClass('wrong');
          $("#o2").addClass('correct');
          $("#comment").text('Don\'t cheat!');
    });
});

演示

您可以找到工作演示by clicking this link。

请注意，有很多方法可以实现您的目标。如果您在检查我的代码后仍有任何疑问，请确保您所要求的内容简洁明了。

希望这会帮助你。祝你好运。