时间戳

首页 > 解决方案 > 如何从 Javascript 中的 html 标签中检索信息？

javascript - 如何从 Javascript 中的 html 标签中检索信息？

问题描述

我正在尝试根据它们是否具有图像标签来提取某些项目 ID。对于给定的输入，如下所示：

<div id="ID_1">
     <p><img src="image4.png"></p>
</div>

<div id="ID_2">
</div>

<div id="ID_3">
     <p><img src="image6.png"></p>
</div>

<div id="ID_4">
     <p><img src="image4.png"></p>
</div>

我可以得到类似的东西：

ID_1: image4.png
ID_2:
ID_3: image6.png
ID_4: image4.png

我对 HTML 或 Javascript 不太熟悉，因此将不胜感激有人可能拥有或知道的任何帮助或资源。

标签： javascripthtmlimagetags

解决方案

我会推荐使用 jQuery 来做这样的事情（不要忘记在 html 头中包含 jquery）

html =>

<div id="divContainer" >
<div id="ID_1">
     <p><img src="image4.png"></p>
</div>

<div id="ID_2">
</div>

<div id="ID_3">
     <p><img src="image6.png"></p>
</div>

<div id="ID_4">
     <p><img src="image4.png"></p>
</div>
</div>

Javascript =>

const doesContainImg = [];

$(".divContainer div").each(function() {
    // check for an img 
    if ($(this).find("img").length) {
      // store id in array that contains ids that have imgs
      doesContainImg.push($(this).attr("id"));
   }
});

如果它不让我知道，那应该可以！

推荐阅读