Question

我正在使用wordpress来开发一个网站...我希望在第一个＆lt; p> ＆LT; / p＆gt;标记，然后将其余内容包装在div中，这可以使用jQuery吗？

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

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

干杯，

Answer 1

设置第一段的样式会更干净，但如果意图是将后续段落封装在容器中以隐藏它们，那么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>

Answer 2

我建议将您想要显示的文本设置为样式（包括您希望最终与其他段落不同的第一段）。

完成后，您可以选择第一段：

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

...然后使用CSS以不同方式设置样式.firstparagraph。

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

2 个答案: