查找具有特定 id 的 div 中的总元素

Question

我有以下脚本：

<div>
  <p id="example1"></p>
  <div></div>
  <p id="example2"></p>
  <div></div>
  <p id="example3"></p>
  <p id="example4"></p>
  <p id="example5"></p>
</div>

是否可以编写一个 jquery 函数来确定加载页面时与此关键字“example”匹配的元素 id 的总数？

提前致谢！

Answer 1

查看：

alert($("div p[id^='example']").length);

点击此处查看演示

或者

参考此链接 JQuery 选择器，

您可以在其中使用选择器根据您的需要。

Answer 2

苏希回答你说得对。

代码片段：p[id^='eample'] 暗示任何 p “以”id 属性中的“example”单词“开头”。

但是如果你想检查“ends with”条件怎么办？只需将 ^ 替换为 $，您的代码将如下所示： p[id$='1'] 来选择任何末尾带有“1”的 id。

Answer 3

使用属性包含选择器功能：

$('p[id*="example"]').length;