javascript - jquery ".prop()"在附加到正文之前不起作用

Question

我使用 jquery 创建了一个最初为空白的 select 元素。我试过这个:

$('<select><option>1<option>2</select>').prop('selectedIndex', -1).appendTo(document.body);

这成功创建了一个选择框，但它不是空白的。通过实验，我发现这是可行的:

var $new = $('<select><option>1<option>2</select>').appendTo(document.body);
$new.prop('selectedIndex', -1);

这两者之间的不同之处在于，当设置selectedIndex 属性时:在将其附加到正文之前或之后。你能解释一下这背后的原因吗？

这是一个 JSFiddle:http://jsfiddle.net/R9auG/

Answer 1

在我看来 $.prop() 函数必须在项目附加到正文后运行。这是使用您的第一个代码的示例:http://jsfiddle.net/jakelauer/R9auG/311/

以及代码本身:

$('<select><option>1</option><option>2</option></select>')
    .appendTo(document.body)
    .prop('selectedIndex', -1);

PS - 你没有关闭你的 <option> jQuery 中的标记。浏览器很智能，正在为您修复此问题，但如果您不像我在我的示例中那样关闭它们，它可能会导致大问题。