Скрипт jquery для замены содержимого на странице?

Question

[shearlocktm]

Добрый день. Помогите пожалуйста новичку - уже всю голову сломал...
На странице имеется конструкция вида:

<div class="meta-top">
<span class="meta-author">
<strong>Авторы:</strong>
<a href="http://www.primer1.ru/author1" rel="author">Автор1</a> и <a href="http://www.primer1.ru/author2" rel="author">Автор2</a>
</span>
<!-- Тут простыня верстки с блекджеком и -->
<span class="meta-author2"></span>
</div>

Нужен jquery-скрипт который приведет вышеописанную конструкцию к виду:

<div class="meta-top">
<span class="meta-author">
<strong>Авторы:</strong>
<a href="http://www.primer1.ru/author1" rel="author">Автор1</a>
</span>
<!-- Тут простыня верстки с блекджеком и -->
<span class="meta-author2">
<a href="http://www.primer1.ru/author2" rel="author">Автор2</a>
</span>
</div>

Подскажите пожалуйста как реализовать? span class="meta-author2" будет находиться на той же странице, но несколько в другом месте

Answer 1

[Александр Аксентьев]

Это надо решать в момент вывода, а не после загрузки страницы.

Comments

[shearlocktm]

Дык я тоже так хотел... Давайте расскажу подробнее о поставленной задаче: имеется плагин co-authors-plus для WP, который с помощью конструкции вида:

if ( function_exists( 'coauthors_posts_links' ) ) {
coauthors_posts_links();
} else {
the_author_posts_link();
}

вставляет в шаблон пресловутый список авторов.
В пхп вообще ни черта, так что на фронтэнде для меня это править куда проще, нежели копать исходники плагина. Которые к слову я копал, но ни черта не разобрался

[Александр Аксентьев]

shearlocktm: template-tags.php coauthors_posts_links_single() примерно тут надо копать.

[shearlocktm]

Александр Аксентьев: А я там и копал, Вы уж извините меня за навязчивость и занудство. Получается, что код плагина для моих нужд надо переписывать так, чтобы за вывод первого и второго автора отвечали две разные функции пхп, а не одна как сейчас coauthors_posts_links();. Боюсь показаться недалеким, но я в душе не понимаю как это реализовать. Может все же костыль jquery с этим справиться?

[Александр Аксентьев]

shearlocktm: нет, нужно просто изменить разметку вывода. и не делать meta-author1 meta-author2 это плохое решение. Или добавить дополнительные теги аргументами не ковыряя код плагина.

[Александр Аксентьев]

shearlocktm: в общем более простой вариант на фронте взять всё содержимое и порезать делителем " и " и выводить нужную часть в нужном месте. javascript.ru/php/explode

[shearlocktm]

Т.е. взять вот так
var str = $("span.meta-author").html();
и порезать вот так
str.split('и')
?

[Александр Аксентьев]

shearlocktm: ага должно сработать, пробелы еще можно захватить чтобы не было их потом - str.split(' и ')

[shearlocktm]

Спасибо Вам большое, в принципе суть понял и буду пробовать.
P.S. Еще раз спасибо за ответ и терпение.

Answer 2

[chesar]

$('<a/>', { 
 'href' : 'http://www.primer1.ru/author2',
 'rel'='author'})
 .content('Автор2').append('.meta-author2')

Comments

[shearlocktm]

Спасибо конечно, но Ваш код не решает задачу. Дело в том, что вторая по счету ссылка, не обязательно "www.primer1.ru/author2", и еще нужно эту ссылку с предлогом "и" удалить из span class="meta-author"