我如何计算使用JQuery在div内部使用某个文本开头的id的div数量？

Question

这是html:

<div class="col-sm-12" id="ProdutosPedido">
  <div class="row">
    <div class="col-sm-12 formProdutoAdd" id="produto_1">
    ...
    </div>
  </div>
</div>

当事情发生在页面内时,div会被添加到内部#ProdutosPedido,并#produto_1递增到#produto_2等等.

这对我不起作用:

console.log($("#ProdutosPedido > [id^=produto_]").length);

我需要迭代这些"produto_"并使用'i'来引用当前的div,但我不知道该怎么做.我的示例记录0,但不应该是这种情况,因为它以1开头.

Answer 1

由于你的produtodiv不是直系子ProdutosPedido,而是它的后代,你需要使用以下选择器:

$("#ProdutosPedido [id^=produto_]")

这是工作的JSFiddle演示.