如何在 html 中调用另一个 ID 中的特定 ID

How to call particular ID within another ID in html?

本文关键字：ID 另一个 调用 html      更新时间：2023-09-26

这是page2的内容.html

<div data-role="page" data-theme="b" id="pageone">  
    <div data-role="content">
        <div class="site_wrap wrap">
            <div class="img_slides_wrap slides_wrap wrap">  
            <div>    <img id="slide1" class="img_slide slide active" src="img/slide0.jpg" alt="" title=""/> </div>
             <div>   <img id="slide2" class="img_slide slide" src="img/slide1.jpg" alt="" title=""/> </div>
             <div>   <img id="slide3" class="img_slide slide" src="img/slide2.jpg" alt="" title=""/> </div>
             <div>    <img id="slide4" class="img_slide slide" src="img/slide3.jpg" alt="" title=""/> </div>
             <div>   <img id="slide5" class="img_slide slide" src="img/slide4.jpg" alt="" title=""/> </div>
            </div>
        </div> 
        <a href="#pagetwo">SHARE</a>
    </div>
</div>

现在我需要在单击第 3 页的第三张图像时获得"slide1".html这是它的代码 

<li> <a href='page1.html#pageone#slide3' ><img src="img/thumb/a.jpg" alt="Image a" width="30" height="48"/></a></li>

问题是当单击第 3 页中的第三张图片时，我无法获得 slide2.html而是能够获得第 1 张图片......我错了，请帮助我。

ID 在文档中必须是唯一的。

您不能有重复的 ID。

URL 片段标识符语法不支持"X in Y"语法，因为"X"必须是唯一的，因此"In Y"将是多余的。

如果您的 HTML 有效，您所需要的只是 href="page1.html#slide3" .

调用 每个 id 从 1 到 10 不等。喜欢 #slide1 到 #slide10。你可以很容易地像href="page1.html#slide3"一样称呼它.

相关文章：