限制jquery应用于特定容器的元素

我想制作一种试用编辑器，帮助我的学生更好地理解jQuery。它可以用来演示和测试代码。现在他们将编写如下代码

$("document").ready(function(){
   $("p").css("background","red");
});

现在，我希望此代码只应用于包含jquerytest类的div中的演示代码，而不应用于此容器外的p元素。有可能实现这样的目标吗

更新：我想我还不够清楚。jQuery代码必须与学生提交的代码保持一致。我希望能够动态地将其仅应用于页面的特定部分。

非常简单的$（“p”）是选择器。所以

$（.jquerytest”）.css（“背景”，“红色”）
应该做到这一点。
您只需更具体地使用例如
find（）
方法：

$(document).ready(function(){
   $('.jquery-test').find("p").css("background","red");
});

无论如何，你应该使用CSS来代替

.jquery-test p { background:red; }

jQuery上下文选择器或find（）方法将有助于做到这一点：

$("document").ready(function(){
   $("p", ".jquery-test").css("background","red"); // context selector
   //$(".jquery-test").find("p").css("background","red"); // find method
});

您需要在选择器中包含希望限制代码的元素

$(function(){
    $('.jquery-test p').css('background','red');
});

这是一个有点痛苦，虽然你将永远不得不应用它

你可能需要一个插件来实现这个目标——你需要提供更多关于你想要实现的东西的信息。或者，让你的学生使用类似的工具。
试试这个

$(document).ready(function(){
    $('.jquery-test p').css("background","red");
});

$（“文档”）
是错误的，即使它可以工作，也应该是：
$（文档）
然后使用iframe加载学生发送的代码这是正确的，但请注意这将转换为$（'.jquery test'）。无论如何，在内部查找（“p”）。。。