Question

我应该如何理解

$("select option:selected")

在以下代码中？

（摘自here）

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

文档中的所有选项中是否都选择了？

它是否与当前的选择相关，$（this）？

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")将选择option具有selected属性集的元素，该元素是select元素的子元素。它将在页面上找到所有选定的选项。它与点击的元素$(this)无关 - 如果您愿意，请使用.find()，如下所示：$(this).find('option:selected')。

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

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

5 个答案: