Question

HTML：

<select class="selectExample"> (...) </select>
<select class="selectExample"> (...) </select>
<select class="selectExample"> (...) </select>
<select class="selectExample"> (...) </select>

脚本：

$(".selectExample")[3].hide()

它给了我一个错误，说这不是一个功能。然后我读了......

用选择范围内的跨度来做它！

而且，确切地说，这是隐藏（）的好方法。但是，就我而言，我想这样做;

$('selectExample > option').each(function() {

我不能用span来做，因为选项是select的子项。我只想知道怎么做

$('selectExample[i] > option').each(function() {

Answer 1

由于[]返回底层DOM元素的引用，并且它们无法访问jQuery方法，因此会出现错误。

使用.eq()方法/ :eq() selector代替[]

$(".selectExample").eq(3).hide();
$(".selectExample:eq(3)").hide()

Answer 2

使用JavaScript获取select元素：

var selects = document.querySelectorAll('.selectExample'); // this will return the list of elements

// to hide specific element we can use index (0 based index)
selects[2].style.display = 'none';

//to get the options
var options = selects[2].options;

迭代选项，您可以使用$.each()循环或普通的JavaScript for循环。

<强> jQuery的：

$.each(options, function(i, opt) {
 .....
});

<强> JavaScript的：

for(var i = 0 ; i< options.length; i++) {
  .....
  var opt = options[i];
}

如何将选择标签编入索引？

2 个答案: