jquery - $.each() 在页面中选择并获取迭代选项

Question

我想迭代所有 <select>进入页面并到达那里 options 。我使用下面的代码:

$(function(){
  $('select').each(function(){
    $(this + ' option').each(function(){
       //can't access options
    });
  });
});

我收到错误:

Error: Syntax error, unrecognized expression: [object HTMLSelectElement] [option]

但是这段代码有效:

$(function(){
  $('select').each(function(i,v){
    $.each(v.children(),function(){
       //can access options
    });
  });
});

第一个代码有什么问题!使用 $(this +' option') 有什么问题吗？ ？

Answer 1

选择器中的这个 this 是对象，您将其用作选择器中的字符串来连接它，您可以使用 $(this).find 或传递 这个在上下文中。

$(this).find(' option')

或

$(' option', this)

更直接的方法是使用 Descendant Selector (“ancestor descendant”)

$('select option').each(

或Child Selector (“parent > child”)就像

$('select > option').each