如何向HTML字符串添加属性

Question

我希望在带有javascript/jquery的select选项列表中设置'selected'属性。我在jquery对象中有select元素，我只想在列表中添加"selected“属性和item。

$(mySelect).html()看起来是这样的；

<option value="LININGER LAKE">LININGER LAKE</option>
<option value="MOOREDALE LAKE">MOOREDALE LAKE</option>
<option value="CARTER LAKE">CARTER LAKE</option>

我需要找到"CARTER LAKE“选项，并将选定的属性添加到其中，使HTML看起来如下所示

<option value="LININGER LAKE">LININGER LAKE</option>
<option value="MOOREDALE LAKE">MOOREDALE LAKE</option>
<option value="CARTER LAKE" selected="selected">CARTER LAKE</option>

我知道这不会那么难，我只是在放屁！

Answer 1

使用jQuery属性等于选择器

$(mySelect).find('option[value="CARTER LAKE"]').prop("selected", "selected");

Answer 2

尝试.contains()，如图所示

 $("select option:contains('CARTER LAKE')").attr('selected','selected')

或

 $("select option:contains('CARTER LAKE')").prop('selected',true)

演示

Answer 3

$('option[value="CARTER LAKE"]').prop( "selected" );

或

$('option[value="CARTER LAKE"]').attr( "selected", "selected" );