如何在元素的當前實例上發生操作？

Question

所以我想要一些HTML出現，但只在它被點擊的元素。對於此類的多個實例，它將出現在每個實例中，類movieend的元素之後。 （每<div class="moviepanel">包含<hr class="movieend">。）

我想我應該能夠以某種方式使用「這個」字是這樣的：通過給每個moviepanel一個id

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

我能做到這一點，很長的路要走，但我認爲必須有更好的方式來做到這一點？

謝謝！

Answer 1

錯誤：

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

正確：

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

或者：

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