在Wordpress中使用jQuery/javascript包装一系列HTML元素

Question

我在stackoverflow上找到了下面的代码，以便用jquery包装两个H2标签之间的一系列元素。当我在wordpress以外的模拟html页面上使用它时，代码工作正常。但我无法在wordpress中使用它。

我可以使其他基本脚本在WP环境中工作，但这显然超出了我有限的能力。这是一个JSFiddle的链接：http://jsfiddle.net/ymDrn/演示脚本。

我已经将脚本包含在我的WP functions.php中，它似乎包含正确，因为它在页面加载后出现在head标签中。

脚本包括在WP：

function paraWrapper() 
{ 
wp_register_script('fpParaWrapper', get_template_directory_uri() . '/js/fpParaWrapper.js', array('jquery')); 
wp_enqueue_script('fpParaWrapper'); 
} 
add_action('wp_enqueue_scripts', 'paraWrapper'); 

脚本：

jQuery(function fpParaWrapper() 
{ 
    jQuery('h2').each(function(){ 
     var $set = jQuery(this).nextUntil("h2").andSelf(); 
     $set.wrapAll('<div class="monkey" />'); 
    }); 
}) 

的HTML：

<h2>a Heading</h2> 
<p>a paragraph</p> 
<p>a paragraph</p> 

<h2>a Heading</h2> 
<p>a paragraph</p> 
<p>a paragraph</p> 

我无法确定这个脚本的哪个元素不能与WP一起工作，并且肯定会从更有知识的开发者那里得到一些洞察。我非常喜欢HTML和CSS，但我仍然在学习脚本的基础知识。让我知道如果你需要更多的细节，我已经花费了今天更好的一部分试图通过这种方式工作，没有成功。我在这里先向您的帮助表示感谢！！

Answer 1

在WordPress你有jQuery()