Wordpress/jQuery-自动检测第一段标记_Jquery_Wordpress

Wordpress/jQuery-自动检测第一段标记

jquery wordpress

Wordpress/jQuery-自动检测第一段标记,jquery,wordpress,Jquery,Wordpress,我正在使用wordpress开发一个网站。。。我想在第一个标记中显示所有内容，然后将其余内容包装在一个div中，这可以使用jQuery实现吗使用wordpress循环显示im内容，如下所示： query_posts(array('p' => 2, 'post_type' => 'page')); while (have_posts()) { the_post(); the_content(); } 干杯，我的建议是，按照您希望的方式显示文本（包括您希望最终与其他文本不同的

我正在使用wordpress开发一个网站。。。我想在第一个

标记中显示所有内容，然后将其余内容包装在一个div中，这可以使用jQuery实现吗

使用wordpress循环显示im内容，如下所示：

query_posts(array('p' => 2, 'post_type' => 'page'));
while (have_posts()) { the_post();
    the_content();
}

干杯，

我的建议是，按照您希望的方式显示文本（包括您希望最终与其他文本不同的第一段）

完成后，您可以使用以下选项选择第一段：

$('#container p:first').addClass('firstparagraph');

…然后使用CSS以不同的方式设置.first段落的样式。

设置第一段的样式会更简洁，但如果目的是将后续段落封装在容器中以隐藏在视图中，那么jQuery将允许您这样做。下面是示例代码，您的解决方案显然取决于您的特定设置

<html>
<head>
<title>Home</title>
<script type="text/javascript"
  src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript">
  $(function() {
    var first = $("body p:first");
    first.addClass("first");
    var rest = first.siblings('p');
    var container = $("<div class='container'></div>").append(rest);
    first.after(container);
  });
</script>
</head>
<body>
  <h1>Hello world!</h1>

  <p>Paragraph 1</p>

  <p>Paragraph 2</p>

  <p>Paragraph 3</p>

  <p>Paragraph 4</p>

</body>
</html>


家
$（函数（）{
var first=$（“主体p:first”）；
第一。添加类（“第一”）；
var rest=第一个。兄弟姐妹（'p'）；
var容器=$（“”）。追加（rest）；
第一，在（容器）之后；
});
你好，世界！
第1款
第2款
第3款
第4段

结构是什么？