javascript - jquery 选择元素

Question

面临 jQuery 选择器的一些问题。

我的 HTML 是这样的:

<form method="" action="">  
    <p id="question_1">  
        <h1 id="question">1. A Question</h1>  
        <div id="choices">  
            <p id="option1"><input type="radio" id="option" name="q_1" value="1" />A</p>  
            <p id="option2"><input type="radio" id="option" name="q_2" value="2" />B</p>  
            <p id="option3"><input type="radio" id="option" name="q_3" value="3" />C</p>              
        </div>  
    </p>      
.  
.  
.  
</form>

有n个这样的问题。

我想突出显示包含每个问题的第三个单选按钮的

。例如，

    p#question_1 > p#option3  
    p#question_2 > p#option3  
    p#question_3 > p#option3  

如何做到这一点？

我正在尝试这样的事情，但没有成功:

$("form p#question_" + i).filter("p:eq(3)").addClass("correct");

Answer 1

I want to highlight the <p> containing the 3rd radio button for each question.

使用 ^ 开头选择器 nth-child像这样:

$('p[id^="question"]:nth-child(3)').addClass('correct');

什么^="question"所做的是它选择以 question 开头的所有段落在他们的 ID 中输入文本，然后 nth-child(3)用于选择第三段。

更多信息:

• Starts With Selector
• :nth-child Selector