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

因此，我希望一些HTML出现，但仅在单击它的元素中出现。如果该类有多个实例，它将在每个实例中出现在类movieend的元素之后。 （每个<div class="moviepanel">都包含一个<hr class="movieend">。）

我认为我应该能够像这样使用“ this”一词：

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

我可以通过给每个moviepanel一个ID来做很长的路要走，但是我想一定有更好的方法吗？

谢谢！

最佳答案

错误：

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

正确：

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

或者：

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