在jQuery中讓孩子通過id vs class

Question

我當時用id來生孩子，現在我改用了class。 這樣做我發現使用類不會返回孩子。

工作代碼

//Don't remove first element of select box with id 'someSelectBox'    
$('#someSelectBox').children('option:not(:first)').remove();

無效的代碼

//Don't remove first element of ALL select box with class 'selectBoxClass'
$('.selectBoxClass').children('option:not(:first)').remove();

誰能解釋為什么？ 以及可能的鍛煉或替代實施方案。

謝謝

Answer 1

如果要排除每個select元素的第一個option ，則需要使用.children('option:not(:first-child)')
（ 這是因為您要定位多個select元素，而:first僅適用於整個結果集中的第一個 ）

否則，您將只排除第一個select元素的第一個option 。

---

全班應該沒問題

 var options = $('.select-to-include').children('option:not(:first-child)'); options.css({color:'red'}); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <select class="select-to-include"> <option>1</option> <option>2</option> <option>3</option> </select> <select class="select-to-include"> <option>1</option> <option>2</option> <option>3</option> </select>