javascript - 为什么这个 appendTo 不起作用？

Question

JS:

 var $sel = $("<select></select>");
 $sel.append("<option>1</option");
 var $sel = $sel.appendTo("<div></div>");
 $sel.insertAfter("#mydiv");

HTML:

 <div id=mydiv></div>

这只会附加选择框，但不会包裹在 div 中。我想要由附加到 #mydiv 的另一个 div 包装的选择。我试过:

$sel.appendTo("<div></div>").insertAfter("#mydiv");

但这也行不通

Answer 1

$sel 只是选择框，而不是包裹它的东西。如果你也想要它，你可以把它放在一个变量中:

var $div = $("<div></div>");
$div.append($sel).insertAfter("#mydiv");

或者当然还有许多其他方法可以做到这一点，但这可以使一切井井有条。