在 jQuery 中选择特定的 <option> 标签答案

【问题标题】：Selecting specific <option> tags in jQuery在 jQuery 中选择特定的 <option> 标签
【发布时间】：2023-03-23 20:55:01
【问题描述】：

我想选择第一个下面的每个<option> 标签，我只想要值和</option> 之间的文本。我已尝试执行以下操作；

$('#attributesize-size_uswomen > option')

但是它只给了我第一个<option>。我想排除第一个 <option> 标记并获取值。这是我想要的 HTML 块。

我想获取“源”尺寸，即 6、6.5 等。谢谢

<select name="size_attribute[size]" id="attributesize-size_uswomen" class="size-attribute-select">
  <option>Choose Your Size</option>
  <option value="12773" source="16004">5.5</option>
  <option value="12774" source="16006">6</option>
  <option value="12775" source="16008">6.5</option>
  <option value="14805" source="16010">7</option>
  <option value="14809" source="16012">7.5</option>
  <option value="12749" source="16014">8</option>
  <option value="14816" source="16016">8.5</option>
  <option value="14820" source="16018">9</option>
  <option value="14824" source="16020">9.5</option>
  <option value="15175" source="16022">10</option>
  <option value="15178" source="16024">10.5</option>
  <option value="15184" source="16028">11.5</option>
  <option value="15187" source="16030">12</option>
</select>

【问题讨论】：

该 jQuery 对象将包含该 select 中的每个 option 元素。这取决于您对该对象调用的方法，以及该方法使用了多少 option 元素 - 这是我们需要查看的代码。
你试过了吗：$('#attributesize-size_uswomen > option:not(:first)')？

标签： html jquery jquery-selectors cheerio

【解决方案1】：

正如@freedomn-m 建议的那样，您可以使用它：

$('#attributesize-size_uswomen > option:not(:first)').map(function() {
   return $(this).text();
}).get();

从所有选项中获取值数组，第一个选项除外。但更好的选择器是这样的：

'#attributesize-size_uswomen > option[value]'

无论您是否使用空选项，这都会起作用。（它将获取所有具有 value 属性的选项）。

【讨论】：