Question

非常基本的问题。

给图像一个ID标签（不是那个部分......）并计算带有该标签的页面上有多少图像是多么简单？

Answer 1

由于ID＆＃39; s在页面上应该是唯一的，您应该使用class代替：

<img src="/img/src.jpg" class="my_image" />

然后您可以使用javascript来计算元素数量

var imgCount = document.querySelectorAll('.my_image').length;

变量imgCount现在包含img个my_image标记的数量var imgCount = document.querySelectorAll('.my_image').length; alert(imgCount);

样本

＆＃13;

<img src="/img/src.jpg" class="my_image" />
<img src="/img/src.jpg" class="my_image" />

＆＃13;

ID

＆＃13;

如果您绝对必须在多个元素上使用相同的var imgCount = document.querySelectorAll('#my_image').length; alert(imgCount);（可能这些是由某些第三方脚本或CRM生成的？），上述方法确实有效（至少在Chrome中）。下面的演示。

＆＃13;

<img src="/img/src.jpg" id="my_image" />
<img src="/img/src.jpg" id="my_image" />

＆＃13;

{{1}}

＆＃13;

Answer 2

如果您更好地使用查询来使用.length。

<div id="some_id">
    <img src="some_image.png">
    <img src="some_image.png">
    <div class="another_div"></div>
    <div class="another_div"></div>
</div>
<script>
  var x = $("#some_id img").length
  alert(x);
</script>

检查this link。

通过ID标签计算图像数量

2 个答案: