Question

有这个html页面：

    Lundi 11h 
<img id="bull_98812001" class="bulltimbpic" src="/images/pictos/Pictos_Meteo_Nc_blanc/j06.png"/><img id="bull_98803001" class="bulltimbpic" src="/images/pictos/Pictos_Meteo_Nc_blanc/j11.png"/><img id="bull_98818001" class="bulltimbpic" src="/images/pictos/Pictos_Meteo_Nc_blanc/j11.png"/><img id="bull_98809001" class="bulltimbpic" src="/images/pictos/Pictos_Meteo_Nc_blanc/j11.png"/><img id="bull_98804001" class="bulltimbpic" src="/images/pictos/Pictos_Meteo_Nc_blanc/j11.png"/><img id="bull_98830002" class="bulltimbpic" src="/images/pictos/Pictos_Meteo_Nc_blanc/j14.png"/><img id="bull_98814001" class="bulltimbpic" src="/images/pictos/Pictos_Meteo_Nc_blanc/j10.png"/></div><div class="bulltimb">

                    mardi 11h
                    <img id="bull_98812001" class="bulltimbpic" src="/images/pictos/Pictos_Meteo_Nc_blanc/j09.png"/><img id="bull_98803001" class="bulltimbpic" src="/images/pictos/Pictos_Meteo_Nc_blanc/j10.png"/><img id="bull_98818001" class="bulltimbpic" src="/images/pictos/Pictos_Meteo_Nc_blanc/j10.png"/><img id="bull_98809001" class="bulltimbpic" src="/images/pictos/Pictos_Meteo_Nc_blanc/j10.png"/><img id="bull_98804001" class="bulltimbpic" src="/images/pictos/Pictos_Meteo_Nc_blanc/j05.png"/><img id="bull_98830002" class="bulltimbpic" src="/images/pictos/Pictos_Meteo_Nc_blanc/j05.png"/><img id="bull_98814001" class="bulltimbpic" src="/images/pictos/Pictos_Meteo_Nc_blanc/j14.png"/></div><div class="bulltimb">

                    mercredi 11h
                    <img id="bull_98812001" class="bulltimbpic" src="/images/pictos/Pictos_Meteo_Nc_blanc/j01.png"/><img id="bull_98803001" class="bulltimbpic" src="/images/pictos/Pictos_Meteo_Nc_blanc/j01.png"/><img id="bull_98818001" class="bulltimbpic" src="/images/pictos/Pictos_Meteo_Nc_blanc/j04.png"/><img id="bull_98809001" class="bulltimbpic" src="/images/pictos/Pictos_Meteo_Nc_blanc/j05.png"/><img id="bull_98804001" class="bulltimbpic" src="/images/pictos/Pictos_Meteo_Nc_blanc/j04.png"/><img id="bull_98830002" class="bulltimbpic" src="/images/pictos/Pictos_Meteo_Nc_blanc/j05.png"/><img id="bull_98814001" class="bulltimbpic" src="/images/pictos/Pictos_Meteo_Nc_blanc/j05.png"/></div></div>

我想提取ID为bull_98818001的3张图片

我做到了，在我的php页面中：

$image1 = $html->find('img[id="bull_98818001"]', 0) ->src;

echo $image1;

如何找到第二和第三张img "bull_98818001"？

Answer 1

为您提供信息，您无法使用php获得第二类

您可以使用诸如 id，类，名称，input [type] ，...的属性，通过JQuery或JavaScript

要在示例中选择第二个元素，您可以编写：

expand(wait:true)  { 
    $(".btn", 1);
}

您还可以使用下标运算符简单地访问元素：

expandOrderLink(wait:true)  { 
    $(".btn.btn-navbar.document-collapse.pull-right")[1];
}

Answer 2

首先，您不能在相同的html文档上使用相同的ID。

id属性为HTML元素指定唯一ID（该值在HTML文档中必须唯一）。 CSS和JavaScript可以使用ID值对具有指定ID值的唯一元素执行某些任务。

如果要获取所有具有 class =“ bulltimbpic” 的图像的属性“ src”，则应使用jquery或纯JavaScript。

您可以尝试获取数组中列出的所有带有class =“ bulltimbpic”的src属性。

<script type="text/javascript">

        var images = [];

$(document).ready(function(){
        $("#bulltimbbloc .bulltimb").each(function(){
        images.push($(this).find('#bull_98812001').attr('src'));
    })
});

console.log(images);
</script>

Answer 3

我找到了最快，最简单的方法。

要查找具有相同div类名称的下一张图片：

$image2 = " image2 = ".$html->find('img[id="bull_98818001"]', 1) ->src;

只需将0替换为1

如何找到与第一个相同名称的div类的第二个图像？

3 个答案: