Javascript 使用jQuery获取包含HTML元素的选择选项

我有一个选择输入和一些选项。比如说,

<select id="myArea">
    <option class="myClass_1" style="color:red;" value="1">Area 1</option>
    <option class="myClass_2" style="color:green;" value="2">Area 2</option>
    <option class="myClass_1" style="color:red;" value="3">Area 3</option>
    <option class="myClass_1" style="color:red;" value="4">Area 4</option>
</select>

预期产出：

optionStr = '<option class="myClass_1" style="color:red;" value="1">Area 1</option><option class="myClass_2" style="color:green;" value="2">Area 2</option><option class="myClass_1" style="color:red;" value="3">Area 3</option><option class="myClass_1" style="color:red;" value="4">Area 4</option>';

我该怎么得到这个？我必须使用哪些jQuery选择器

提前感谢。

访问属性

var期权TR=； $'myArea option'。每个函数{ optionStr+=this.outerHTML； }; console.logoptionStr 一区 区域2 区域3 区域4 访问属性

var期权TR=； $'myArea option'。每个函数{ optionStr+=this.outerHTML； }; console.logoptionStr 一区 区域2 区域3 区域4 您可以使用$'myArea'.html获取所有选项：

log$'myArea'.html； 一区 区域2 区域3 区域4 您可以使用$'myArea'.html获取所有选项：

log$'myArea'.html； 一区 区域2 区域3 区域4

---

outerHTML工作得很好，我必须在每次迭代中进行验证。那会更好。谢谢outerHTML工作得很好，我必须在每次迭代中进行验证。那会更好。谢谢我知道这会管用的。我在每次迭代中都有一些验证。萨帕尔的答案是完美的工作。谢谢你的回复很高兴知道你得到了这个社区的帮助，欢迎你@RanjithI知道这会奏效。我在每次迭代中都有一些验证。萨帕尔的答案是完美的工作。谢谢你的回复很高兴知道你得到了这个社区的帮助，欢迎你@Ranjith

optionStr = '<option class="myClass_1" style="color:red;" value="1">Area 1</option><option class="myClass_2" style="color:green;" value="2">Area 2</option><option class="myClass_1" style="color:red;" value="3">Area 3</option><option class="myClass_1" style="color:red;" value="4">Area 4</option>';

var optionStr = '';
$('#myArea option').each(function() {
    optionStr += this.outerHTML; 
});