javascript - 如果使用Javascript相同的属性值相等，如何突出显示内容？

Question

如果html文件中存在相同的属性值，如何查找并突出显示该内容。

例如:

<p>Quiz 1 </p>
<input class="radioclass" id="q1a" value="a" name="question[q1correct]" type="radio">1</input>
<input class="radioclass" id="q1b" value="b" name="question[q1correct]" type="radio">2</input>
<input class="radioclass" id="q1c" value="c" name="question[q1correct]" type="radio">3</input>
<input class="radioclass" id="q1d" value="d" name="question[q1correct]" type="radio">4</input>
<p>Quiz 2</p>
<input class="radioclass" id="q2a" value="a" name="question[q1correct]" type="radio">1</input>
<input class="radioclass" id="q2b" value="b" name="question[q1correct]" type="radio">2</input>
<input class="radioclass" id="q2c" value="c" name="question[q3correct]" type="radio">3</input>
<input class="radioclass" id="q2d" value="d" name="question[q1correct]" type="radio">4</input>
<p>Quiz 3</p>    
<input class="radioclass" id="q2a" value="a" name="question[q3correct]" type="radio">1</input>
<input class="radioclass" id="q2b" value="b" name="question[q1correct]" type="radio">2</input>
<input class="radioclass" id="q2c" value="c" name="question[q3correct]" type="radio">3</input>
<input class="radioclass" id="q2d" value="d" name="question[q1correct]" type="radio">4</input>

在上述代码中，很少有名称值是相同的。在这种情况下，如何使用 Javascript 或 Jquery 以背景颜色或任何其他方式突出显示？

有人可以帮我解决这个问题吗？我们将不胜感激。

Answer 1

通过使用jquery，您可以按如下方式完成:

$(":input").each(function({
    var myName = $(this).attr("name");

    if(myName == "question[q1correct]"){
        $(this).css("background-color", "red");
    }else if(myName == "question[q3correct]"){
        $(this).css("background-color", "green");
    }
});