Как в php или js создать подобное условие?

Question

[ЛС]

Например имеются несколько страниц с div.category_1 и несколько страниц с div.category_2.

ТЫК

Страница 1

<div id="product-56" class="container category_1">
	<div class="meta">
		<div class="title">Заголовок</div>
		<div class="description">Описание</div>
		<div class="price">1000</div>
		<div class="after_price"> </div>
	</div>
</div>

Страница 2

<div id="product-118" class="container category_2">
	<div class="meta">
		<div class="title">Заголовок</div>
		<div class="description">Описание</div>
		<div class="price">1000</div>
		<div class="after_price"> </div>
	</div>
</div>

Как создать PHP условие

if .category_2 {
echo '<div class="after_price">Какой-то текст</div>';
} else {
echo '<div class="after_price"> </div>';
}

Пробую JS, что-то не выходит.

JS

jQuery(document).ready(
	function($) {
		var $text = 'Какой-то текст';
		var $empty = '';
		var $class = document.getElementsByClassName('category_2')[0];
		if ($class = true) {
			$('after_price').text($text);
		} else {
			$('after_price').text($empty);
		}
	});

Answer 1

[Immortal_pony]

Ищите afer_price только в нужной карточке
Как-то так:

$('[id^="product"]').each(function() { 
    var card = $(this);
    if (card.hasClass('category_2')) {
    	card.find('.after_price').text('Какой-то текст');
    } 
});

Можно чуть покороче и более похоже на ваш код:

$('.category_2').each(function() { 
    $(this).find('.after_price').text('Какой-то текст');
});

Fiddle: https://jsfiddle.net/ygu2j7m1/

Answer 2

[abberati]

вы вместо оператора сравнения используете оператор присваивания

// так правильно
if ($class) { ... } else { ... }

// или так, но менее правильно, т.к. в $class не булево значение
if ($class == true) { ... } else { ... }

Comments

[ЛС]

Спасибо. Оператор и правда перепутал. Но все равно в .after_price ничего не записывается.

Попробовал оба Ваших варианта.

[Immortal_pony]

JimmyKokS, $('after_price').text($text); <- тут точку в селекторе пропустили. Должно быть так:
$('.after_price').text($text);

[ЛС]

Immortal_pony, спасибо, я это уже исправил. Не могли бы Вы глянуть пример реализации на codepen?
Там текст подставляется в оба дива, независимо от класса, который указываю в getElementsByClassName, даже несуществующий.
Буду очень признателен.

[Immortal_pony]

Ищите afer_price только в нужной карточке
Как-то так:

$('[id^="product"]').each(function() { 
    var card = $(this);
    if (card.hasClass('category_2')) {
    	card.find('.after_price').text('Какой-то текст');
    } 
});

https://jsfiddle.net/ygu2j7m1/

PS Можно чуть покороче и более похоже на ваш код:

$('.category_2').each(function() { 
    $(this).find('.after_price').text('Какой-то текст');
});

[ЛС]

Immortal_pony, огромное спасибо, все получилось! Как можно отметить этот комментарий ответом?

[Immortal_pony]

JimmyKokS, вынес в отдельный ответ

Answer 3

[Konata Izumi]

<?php if(condition): ?>
    тут кусок верстки, если условие выполнено
<?php else:?>
    тут кусок верстки, если не выполнено
<?php endif;?>

Comments

[Владислав Лысков]

думаю вопрос автора в том, как отловить на php наличие dom-элемента

[ЛС]

Владислав Лысков, Да. Именно так.
Или без JS невозможно?

[Владислав Лысков]

JimmyKokS, если есть возжмость создать для контейнера определённый id, то возможно поможет https://www.php.net/manual/ru/domdocument.geteleme... но я этим никогда не пользовался, а так логичнее это на js делать

[Владислав Лысков]

JimmyKokS, обновил ответ

[ЛС]

Владислав Лысков, ссылка не работает.
Для контейнера создаются автоматические id (#product-56, #product-118 и т.д.) добавил их в вопрос. Думаю, что в этом случае надо будет как-то обрезать его, но я вообще представления не имею как это сделать.

Можно поинтересоваться по реализации на JS в этой ветке? Или лучше создать отдельный вопрос?

jQuery(document).ready(
	function($) {
		var $text = 'Какой-то текст';
		var $empty = '';
		var $class = document.getElementsByClassName('category_2')[0];
		if ($class = true) {
			$('after_price').text($text);
		} else {
			$('after_price').text($empty);
		}
	});

[Владислав Лысков]

JimmyKokS, точку еще пропустил в названии класса, перед after_price

[ЛС]

Владислав Лысков, все равно какая-то фигня получается. Посмотрите пожалуйста на codepen.
Текст подставляется в оба дива, независимо от класса, который указываю в getElementsByClassName, даже несуществующий.

[Владислав Лысков]

JimmyKokS, я до завтра не у компа