在选择之前添加任何内容

Question

我刚认识到我无法在带有ID的SELECT-Tag前面添加任何内容。

$('#foo').prepend('bar');

在

<span id="foo"></span><select></select>

在SPAN前面给我“bar”

但是

<select id="foo"></select>

没有任何内容。为什么呢？

Answer 1

因为您只能将<option>或<optgroup>添加到<select>。例如：$('#foo').prepend('<option>bar</option>');。其他任何东西都是无效的HTML。 .prepend()方法将指定的内容作为jQuery集合中每个元素的第一个子元素插入。

＆＃13;

＆＃13;

$('#foo').prepend('<option>bar</option>');

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="foo"></select>

＆＃13;

＆＃13;

＆＃13;

在您的第一个示例中，$('#foo').prepend('bar');只是将文字bar作为您的范围#foo的内容，并且不对<select>

执行任何操作