在選擇前加上任何東西

Question

我剛認識到我無法在帶有ID的SELECT-Tag前加上任何東西。

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

上

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

給我 「吧」 的SPAN

的前面，但對

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

沒有什麼是預先計劃。爲什麼？

Answer 1

因爲您只能預先將<option>或<optgroup>加到<select>。例如：$('#foo').prepend('<option>bar</option>');。其他任何東西都是無效的HTML。 .prepend()方法插入指定的內容作爲jQuery集合中每個元素的第一個子元素。

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

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

在你的第一個例子，$('#foo').prepend('bar');只是把文字作爲bar您跨度#foo的內容，並沒有做與<select>