如何从 Javascript 中的 html 标签中检索信息？答案

【问题标题】：How can i retrieve informations from html tags in Javascript?如何从 Javascript 中的 html 标签中检索信息？
【发布时间】：2018-11-05 14:29:30
【问题描述】：

我正在尝试根据它们是否具有图像标签来提取某些项目 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 不太熟悉，因此非常感谢有人可能拥有或知道的任何帮助或资源。

【问题讨论】：

你可以为它们添加一个公共类，并使用 jquery.each 检查元素中是否有一个 img 并相应地构建输出。

标签： javascript html image tags

【解决方案1】：

我会推荐使用 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"));
   }
});

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

【讨论】：

【解决方案2】：

在这些 div 上添加一个类。假设您有“image-div”类。

我们可以使用这个类来查看 div 是否包含图像。

查询：

$(".image-div").each(function(){
    if($(this).find('img').length){
       //if this div contains an image do something.
    }
});

您可以将此代码附加到事件并使用它

【讨论】：

我在这个问题上没有看到 jQuery 标签。除此之外，OP 没有表现出解决他们自己问题的任何尝试，这些类型的问题不应该被回答。