找不到 div 生成的位置

Question

请查看此图片库带垂直垂直滑块的图像光栅

如果你查看页面源，你可以看到类似于这个的东西

<div data-u="slides" style="cursor: default; position: relative; top: 0px; left: 240px; width: 720px; height: 480px; overflow: hidden;">
        <div data-p="150.00" style="display: none;">
            <img data-u="image" src="/demos/img/travel/01.jpg" />
            <img data-u="thumb" src="/demos/img/travel/thumb-01.jpg" />
        </div>
        <div data-p="150.00" style="display: none;">
            <img data-u="image" src="/demos/img/travel/02.jpg" />
            <img data-u="thumb" src="/demos/img/travel/thumb-02.jpg" />
        </div>

但若你们使用谷歌铬检查页面，你们可以看到

<div data-u="slides" style="cursor: default; position: absolute; top: 0px; left: 240px; width: 720px; height: 480px; overflow: hidden; z-index: 0;"><div style="position: absolute; z-index: 0; pointer-events: none; left: 0px; top: 0px; display: none;"></div></div><div data-u="slides" style="cursor: default; position: absolute; top: 0px; left: 240px; width: 720px; height: 480px; overflow: hidden; z-index: 0;">
                <div style="width: 720px; height: 480px; top: 0px; left: 0px; position: absolute; opacity: 0; display: none; background-color: rgb(0, 0, 0);"></div>
                <div data-p="150.00" style="width: 720px; height: 480px; top: 0px; left: -720px; position: absolute; overflow: hidden; perspective: 150px;">
                    <img data-u="image" src="/demos/img/travel/01.jpg" border="0" style="width: 720px; height: 480px; top: 0px; left: 0px; position: absolute;">
                    <img data-u="thumb" src="/demos/img/travel/thumb-01.jpg" style="display: none;">
                    <div data-u="loading" style="position: absolute; top: 0px; left: 0px; width: 720px; height: 480px; z-index: 1000; display: none;">
                        <div style="filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%;"></div>
                        <div style="position: absolute; display: block; background: url(/theme/img/loading.gif) no-repeat center center; top: 0px; left: 0px; width: 100%; height: 100%;"></div>
                    </div>
                </div>
                <div data-p="150.00" style="width: 720px; height: 480px; top: 0px; left: -720px; position: absolute; overflow: hidden; perspective: 150px;">
                    <img data-u="image" src="/demos/img/travel/02.jpg" border="0" style="width: 720px; height: 480px; top: 0px; left: 0px; position: absolute;">
                    <img data-u="thumb" src="/demos/img/travel/thumb-02.jpg" style="display: none;">
                    <div data-u="loading" style="position: absolute; top: 0px; left: 0px; width: 720px; height: 480px; z-index: 1000; display: none;">
                        <div style="filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%;"></div>
                        <div style="position: absolute; display: block; background: url(/theme/img/loading.gif) no-repeat center center; top: 0px; left: 0px; width: 100%; height: 100%;"></div>
                    </div>
                </div>

如您所见，第二行（第一个div之前的行，数据属性为150.00）动态生成

<div style="width: 720px; height: 480px; top: 0px; left: 0px; position: absolute; opacity: 0; display: none; background-color: rgb(0, 0, 0);"></div>

我需要向这个div添加一个类，但我找不到它在哪里生成

请帮助查找它并为它添加一个类！

Answer 1

您可以简单地使用jquery来选择div并添加类

$('div[data-u="slides"]').children(":first").addClass('my-Class');

这将把我的班级添加到

<div style="width: 720px; height: 480px; top: 0px; left: 0px; position: absolute; opacity: 0; display: none; background-color: rgb(0, 0, 0);"></div>

这个div