关于动态改变CSS问题！

HTML：
<div id=\'answerTrueText_" + answerNumber + "\' title=\'" + answerTrue + "\'><p class=\'a" + answerNumber + "\' style=\'color:black\'>正确答案：" + answerTrue + "</p></div>

JS：
if ($("#answerTrueText_" + noAnswerNum).attr("title") != recordValue) {
                $("#answerTrueText_" + noAnswerNum).children(".a" + noAnswerNum).css("color", "red");
            }

HTML部分是提交以后会显示出来
id中的answerNumber等于JS中的noAnswerNum的数值
title的answerTrue是正确答案
recordValue是点选的答案
JS代码执行到if判断的时候，正确的题P元素文字颜色不变，错误变成红色。问题一旦出现一个错误，从该错误开始后面的所有P元素都会变成红色显示，咋回事哦！我怎么看应该都没写错啊