javascript - 如何使操作发生在元素的当前实例上？

Question

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

我想我应该能够像这样使用“this”这个词:

$(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>");