通过jQuery

Question

请帮我直接定位元素<section>

之后的下一个<section class="active">

这是代码。

    <main>
        <section id="video" class="active">
            <video src="1.mp4" autoplay loop></video>
        </section>
        <section id="video">
            <video src="2.mp4" muted autoplay loop></video>
        </section>
        <section id="video">
            <video src="3.mp4" muted autoplay loop></video>
        </section>
    </main> 

我试过这个

`$(this).next().find($("video").prop('muted', false));`

和这一个

`$(this).closest().find($("video").prop('muted', false));`

但他们都需要所有<section> s并使他们的视频取消静音。

我只是想直接取消静音下一节的视频，其中包含.active。

Answer 1

您的电话链接略有错误。尝试：

 $(this).next().find('video').prop('muted', false);

解释：

.next（） - ＆gt; （返回直接兄弟元素） - ＆gt;查找（＆＃39;视频＆＃39;）（返回此兄弟中包含的＆＃39;视频＆＃39;元素），最后 - ＆gt; .prop（）（设置属性值）

＆＃39;查找＆＃39;将选择器作为参数，而不是jquery对象。

另外，让多个元素具有相同的ID＆＃39;在页面上。如果您需要应用常用样式，请考虑使用类。