如何在元素的当前实例上执行操作？

Question

所以我想要一些HTML出现，但只在单击它的元素中出现。对于此类的多个实例，它将出现在类movieend的元素之后的每个实例中。 （每个<div class="moviepanel">都包含<hr class="movieend">。）

我想我应该能够使用这个＆＃39;这个＆＃39;不知怎的，这样的话：

$(document).ready(function(){
    $(".moviepanel").click( function(){
        $("<p> Test </p>").insertBefore($("this .movieend"));
    });
}); 

我可以通过给每个moviepanel一个id来做很长的路，但我认为必须有一个更好的方法吗？

谢谢！

Answer 1

错：

$("<p> Test </p>").insertBefore( $("this .movieend") );

正确：

$("<p> Test </p>").insertBefore( $(this).find(".movieend") );

可替换地：

$(this).find(".movieend").before("<p> Test </p>");