如何使用jQuery在DIV中更改HTML？

Question

Example:

    for (i=1; i <= 3; i++) {
        alert(i + "," + wanted);
        $("#hint-" + $i).html("Verified as " + $i + ".<br />");
    }

Changes this:

<div id="verify-1"> </div>
<input type="radio" name="b_answer_1" id="radio-1" value="Lamb">Lamb</input><br />
<div id="verify-2"> </div>
<input type="radio" name="b_answer_2" id="radio-2" value="Llama">Llama</input><br />
<div id="verify-3"> </div>
<input type="radio" name="b_answer_3" id="radio-3" value="Goat">Goat</input><br />

To this:

                    <div id="verify-1">Verified as 1<br /></div>
<input type="radio" name="b_answer_1" id="radio-1" value="Lamb">Lamb</input><br />
                    <div id="verify-2">Verified as 2<br /></div>
<input type="radio" name="b_answer_2" id="radio-2" value="Llama">Llama</input><br />
                    <div id="verify-3">Verified as 3<br /></div>
<input type="radio" name="b_answer_3" id="radio-3" value="Goat">Goat</input><br />

Answer 1

remove that $ before i

for (i=1; i <= 3; i++) {
        alert(i + "," + wanted);
        $("#verify-" + i).html("Verified as " + i + ".<br />");
}

Or you can do this -

$("div[id^='verify-']").each(function(){
    var num = this.id.match(/(\d+)$/)[1];
    $(this).html("Verified as " + num + ".<br />");
});

Answer 2

Your ids are verify-1 , verify-2 ...etc

for (i=1; i <= 3; i++) 
    $("#verify-" + i).html("Verified as " + i + ".<br />");