如果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 以背景颜色或任何其他方式突出显示?
有人可以帮我解决这个问题吗?我们将不胜感激。
最佳答案
通过使用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");
}
});
关于javascript - 如果使用Javascript相同的属性值相等,如何突出显示内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33234223/