jQuery串联或选择器问题

Question

I have the following:

changeDegreeLabel: {
        "Certificate" : "Diploma"
}

this.changeDegreeLabel = function(labelReplacements)
{

this one works

        $.each(labelReplacements, function(oldValue, newValue) {
            $('#programList dt:contains(' + oldValue + ')')
                .text(newValue);
        });

this one doesn't work yet

        $.each(labelReplacements, function(oldValue, newValue) {
            $("#program_id>optgroup[label="+oldValue+"]")
                .attr('label', newValue);
        });
 }

Basically, I just want to change Certificate to Diploma. It works in the first function, but not the second. I've tried multiple different quote combinations for concatenating the variable in the attribute selector, but to no avail. Thoughts?

EDIT: Here's the HTML for the 'this one doesn't work yet' portion

<select id="program_id" class="required" name="program_id">
<option value="" selected="selected">— Select —</option>
<optgroup label="Associate">
</optgroup>
<optgroup label="Certificate">
</optgroup>

Answer 1

You need to add the quotes around the value, your string might contain spaces for example. You need to use single quotes or escape doubles quotes:

$('#program_id>optgroup[label="'+ oldValue +'"]')
 -^-                          -^-          -^--^-

//OR

$("#program_id>optgroup[label=\""+ oldValue +"\"]")
                             -^-             -^-