选择/选项的jQuery选择器：已选中

我该怎么理解

$("select option:selected") 

在以下代码中？

（取自这里 ）

 $("select").change(function() { ... $("select option:selected").each(function () { ... }); ... }) 

是文档中所有选择中的所有选项吗？

它是否与当前的选择有关，$（这个）？

Answer 1

是的，它将引用所有选择中的所有选定选项。 如果您只想查看当前的选择，您可以执行以下操作：

 $("select").change(function() { ... $(this).find("option:selected").each(function () { ... }); ... }) 

Answer 2

它是从整个文档中选择的选项。 您可以使用find仅从$(this)

Answer 3

$("select")将找到文档中的所有选择元素。

在改变事件中，你可以给予

 $(this).find("option:selected") 

获取为当前选择元素选择的所有选项。

您的语句将获取文档中所有选定元素的所有选定选项。

Answer 4

是的，代码是正确的！

是文档中所有选择中的所有选项吗？

是的，它确实。

它是否与当前的选择有关，$（这个）？

是的， $(this)与当前元素相关。

以下代码迭代所选的所有选择框的所有选项：

 $("select option:selected").each(function () { ... }); 

因此，您可以这样做：

 $("select").change(function() { ... $(this).find("option:selected").each(function () { ... }); ... }) 

Answer 5

$("select option:selected")将选择一个元素，该元素是具有selected属性集的option ，该属性集是select元素的子元素。 它将在页面上找到所有选定的选项。 它与点击元素$(this)无关 – 如果你想要它，使用.find()就像这样： $(this).find('option:selected') 。

.each()然后迭代页面上的每个选定选项，对每个元素执行某些操作。