如何查找div中有多少个选择标签？

Question

在html中，我有一个div标签。在此div标签之间，还有许多其他标签，例如span select和p标签，如下所示：

<div id="show">
  <span>Span text</span>
  <span>Span text</span>
  <span>Span text</span>
  <select id="select1">
    <option>1</option>
  </select>
  <select id="select2">
    <option>1</option>
  </select>
</div>

现在我们如何发现使用jQuery的select tags在div id中有多少id="show"。有人可以帮我找出来吗。

Answer 1

您可以使用length：

$('#show select').length

console.log($('#show select').length);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="show">
  <span>Span text</span>
  <span>Span text</span>
  <span>Span text</span>
  <select id="select1">
    <option>1</option>
  </select>
  <select id="select2">
    <option>1</option>
  </select>
</div>

Answer 2

选择ID为select的{​​{1}}子级的每个div标签。

此外，请参见jquery.length

show

console.log($("div#show > select").length);

Answer 3

这可能对您有所帮助。

$('#show select').length