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

所以我希望一些HTML出现，但只出现在它被点击的元素中。对于该类的多个实例，它将出现在每个实例中，在class

movieend

的元素之后。（每个

都包含一个

）

我想我应该可以这样使用“this”这个词：

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

$（文档）.ready（函数（）{
$（“.moviepanel”）。单击（函数（）{
$（“Test
”）.insertBefore（$（“this.movieend”）；
});
}); 

我可以通过给每个

moviepanel

一个id来实现这一点，但我想一定有更好的方法来实现这一点

谢谢

错误：

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

$（“Test
”）.insertBefore（$（“this.movieend”）；

正确：

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

$（“Test
”）.insertBefore（$（this.find）（.movieend））；

或者：

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

$（this）.find（“.movieend”）。在（“测试”
”）之前；

您将使用

$（this）。查找（'.movieend'）

或

$（'.movieend'，this）

。我建议您花一些时间熟悉jQuery API。查看每个jQuery函数并了解它们的工作方式不应该超过一天。