добавить заголовок сообщения WordPress с JQuery

Question

я хочу добавить заголовок <?php the_title(); ?> после моего селектора по jquery

('a img').after('<span>the title here</span>'); 

Answer 1

Код PHP интерпретируется на сервере, код jQuery в браузере (еще долго после завершения интерпретатора PHP). Они не могут видеть друг друга.

Что вы можете сделать, это поместить значение the_title() в некоторый элемент на странице, а затем использовать jQuery, чтобы найти его и добавить:

var title = $('#the_title').text();
$('a img').after('<span>' + title + '</span>'); 

[РЕДАКТИРОВАТЬ] Если у вас есть несколько заголовков, вы должны каким-то образом сопоставить их с изображениями. Есть много возможных способов сделать это:

• Вы можете отправить имя изображения на сервер PHP, заставить его найти заголовок и отправить его обратно. Посмотрите вверх $().json().

• Вы можете поместить все заголовки в какой-то фрагмент HTML, который вы делаете невидимым, обернув его в <div style="display: none;">. В вашем jQuery вы можете сопоставить изображения с заголовками.

Answer 2

То, что сказал Аарон.

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

В вашем PHP:

<img data-title="<?php the_title(); ?>" src="..." />

-

В javascript (jQuery):

$('a img').each(function(){
   var title = $(this).attr("data-title");
   $(this).after('<span>' + title + '</span>');
});

-

Не проверено, но это идея. Проверено.