Wordpress / jQuery - автоматическое определение первого тега абзаца - PullRequest
Новая
       0

Wordpress / jQuery - автоматическое определение первого тега абзаца

0 голосов
/ 08 мая 2011

Я использую WordPress для разработки сайта ... Я хочу отобразить все в первом теге

, а затем обернуть остальную часть содержимого в div, возможно ли это с помощью jQuery?

для отображения содержимого im с использованием цикла wordpress следующим образом: 

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

Приветствия

Ответы [ 2 ]

2 голосов
/ 08 мая 2011

Стилизация первого абзаца будет более понятной, но если целью является инкапсуляция последующих абзацев в контейнер, чтобы скрыть их от просмотра, то 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>
0 голосов
/ 08 мая 2011

Я бы предложил стиль текста, который вы хотите отобразить (включая первый абзац, который в конечном итоге должен отличаться от остальных).

Как только это будет сделано, вы можете выбрать первый абзац с помощью: 

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

... и затем использовать CSS для стилизации .firstparagraph по-другому.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...