如何获取克隆选项的select属性？

Question

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="simpleSelect"  multiple>
<option type='string'>raj</option>
<option type='number'>1</option>
</select>
<script>
$(function(){
var cloneOptions = $('#simpleSelect option').clone();
console.log(cloneOptions.length); // 2
console.log(cloneOptions[0]); //<option type="string">raj</option>
console.log(cloneOptions[0].length); //undefined
console.log(typeof cloneOptions[0]); //object
});
</script>

如何获取type属性的值。这是奇怪的，即使它的对象长度是未定义的。任何有价值的帮助。

Answer 1

尝尝这个

$(cloneOptions[0]).attr('type')

Answer 2

cloneOptions克隆了2个option元素的对象。cloneOptions[0]返回第一个元素的dom对象。

需要使用.eq()选择器按索引获取元素的jquery对象：

cloneOptions.eq(0).attr('type');

此外，type不是option元素的有效属性。您应该使用data-*属性来添加自定义属性：

<option data-type='string'>raj</option>

然后使用.data()获取数据属性值。“

 cloneOptions.eq(0).data('type');