javascript - id 的 jquery/javascript 选择器以特定文本开始并获得它结束的最高值

Question

我有层叠在页面上的动态文本框。当刷新发生时，我需要能够评估用户向页面添加了多少个文本框。

所以用户将单击“添加框”，这将生成一个新的文本框，其中包含 id = doc0，添加另一个将是 id = doc1 等等。

问题出在刷新上，我无法检查用户达到的增量。

我尝试了 starts with 方法，但无法获得返回的长度。

$('[id^=document]')

理想情况下，在进入页面时，它会获取所有以 document 开头的 ID，并告诉我它找到的最高值是什么。

例如:

<div id="doc1">some elements inside</div>
<div id="doc2">some elements inside</div>
<div id="doc3">some elements inside</div>
<div id="doc4">some elements inside</div>

Answer value 4 found.

Answer 1

如果 id 总是这样排序，你可以使用计数:

$('[id^=doc]').length;

console.log( $('[id^=doc]').length );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="doc1">some elements inside</div>
<div id="doc2">some elements inside</div>
<div id="doc3">some elements inside</div>
<div id="doc4">some elements inside</div>

否则您可以从最后一个匹配的元素中检索数字，例如:

$('[id^=doc]').last().attr('id').split('doc')[1]

console.log( $('[id^=doc]').last().attr('id').split('doc')[1] );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="doc1">some elements inside</div>
<div id="doc2">some elements inside</div>
<div id="doc3">some elements inside</div>
<div id="doc4">some elements inside</div>