如何定位不同类型的兄弟元素？

Question

我希望与班级play的所有链接显示其容器中唯一存在的视频元素。

简化的HTML如下所示：

<div>
    <a class="play">Play</a>
    <video>…</video>
</div>            

我正在考虑jQuery的这些方面，但不明白如何在父级内部定位元素：

$('.play').click(function(e){
    e.preventDefault();
    var target = $(this).parent().$('video');
    t.show();
})

Answer 1

您可以使用.find：

$(this).parent().find("video");

或.siblings：

$(this).siblings("video");

Answer 2

您可以使用：

$(this).parent().find('video:first');

OR

$(this).siblings('video');

是的，你的HTML不正确，应该是：

<a class="play">Play</a> <!-- no need for '.' before the class attribute value -->