Question

我正在尝试根据某些商品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不太熟悉，因此，人们可能拥有或知道的任何帮助或资源将不胜感激。

Answer 1

我建议使用jQuery这样的东西（不要忘记将jQuery包含在html头中）

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"));
   }
});

如果没有让我知道，那应该可以工作！

Answer 2

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

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

JQUERY：

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

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

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

2 个答案: