Question

我无法弄清楚如何从最外层元素到达嵌套div。这是html：

<li id="slide1">
<div id="video-container">
<div id=video-holder><div id="thumbnail"></div></div>
<div id=video-title></div>
<div id=video-desc></div>
</div>
</li>

我需要jquery，它将从slide1

的起始ID到达id缩略图

Answer 1

$("#slide1").find("#thumbnail")

Answer 2

使用find获取后代。

$("#slide1").find("#thumbnail")

基本上，因为它是id，你可以这样做：因为id无论出现在哪里都应该是唯一的。

$("#thumbnail");

对于您的场景，您希望使用startswith选择器来选择以video_fake开头且在第5位开始的动态ID 滑动。

$('#slide5fake').find('[id^=video_fake]').attr('id', 'newId')

Answer 3

试试这个

<li id="slide1">
<div id="video-container">
<div id=video-holder><div class="thumbnail"></div></div>
<div id=video-title></div>
<div id=video-desc></div>
<div id="video-container">
<div id=video-holder><div class="thumbnail"></div></div>
<div id=video-title></div>
<div id=video-desc></div>
</div>
</li>


<script type="text/javascript">
$('#slide1').find('.thumbnail').each(function(){ });//you can get here two thumbnail
</script>

Answer 4

$("#thumbnail")

会直接找到缩略图，但我怀疑缩略图的ID会在页面上重复出现，所以你真的需要搜索一个类。

$("#slide1.thumbnail")

如果你改变这一行，

就会这样做

<div id=video-holder><div id="thumbnail"></div></div>

到这个

<div id=video-holder><div class="thumbnail"></div></div>

Answer 5

如果您的网页上有更多“缩略图”，最好给它一个课程。 ID应该是唯一的。

在您的情况下，通过ID

获取它就足够了

document.getElementById("#thumbnail")

如果你给它上课

document.querySelector("#slide1 .thumbnail")

会得到你的元素。

在jQuery中，等效的是：

$("#slide1").find(".thumbnail");

Answer 6

有很多方法可以做到这一点......

单选择器：

$('#slide1 #thumbnail');

如果您已有幻灯片元素：

var slide = document.getElementById("slide1");

// and then:
$('#thumbnail', slide);

在＃slide1元素上执行.find（）

$("slide1").find("#thumbnail");

但是，由于你使用的是ID，除了找到单个ID之外什么都没有意义，因为你不应该在具有相同ID的页面上有多个元素

$("#thumbnail");

可能有更多的方法......最好的方法取决于你正在做什么以及背景是什么......

祝你好运

我需要jquery来达到这个嵌套的div

6 个答案: