Как добавить itemprop для тега span с помощью jQuery

Question

Я хочу добавить itemprop в тег span с помощью jQuery.

Мой код corrent:

<div class="top-telephone"><span>+00 00 00 00 00</span></div>

Я хочу, чтобы мой код выглядел так:

<div class="top-telephone"><span itemprop="telephone">+00 00 00 00 00</span></div>

Я пытался с помощью jQuery('span[itemprop="telephone"]').append(jQuery('.top-telephone')); но это не сработало для меня.

Answer 1

jQuery('span[itemprop="telephone"]').append(jQuery('.top-telephone'));

В вашем коде вы используете Attribute Equals Selector, которые используют для выбора элемента с указанным атрибутом.

Атрибут Равный Выбор: Выбирает элементы, которые имеют указанный атрибут со значением, точно равным определенному значению.

По этому коду jQuery('span[itemprop="telephone"]') Вы можете выбрать элемент, который имеет атрибут itemprop с telephone значение.

Читайте об атрибуте Equals Selector

Но в вашем случае вы хотите добавить атрибут к элементу. Для этого вы можете использовать jquery .attr() или же .prop(),

Попробуй это:-

jQuery('.top-telephone span').prop('itemprop', 'telephone');

$('.top-telephone span').prop('itemprop','telephone');

ИЛИ ЖЕ

jQuery('.top-telephone span').attr('itemprop', 'telephone');

$('.top-telephone span').attr('itemprop','telephone');

ИЛИ ЖЕ

jQuery('.top-telephone').find('span').attr('itemprop', 'telephone');

$('.top-telephone').find('span').attr('itemprop','telephone');

Jquery.attr ()

Jquery.prop ()

Answer 2

Ваш синтаксис немного выключен, так как вы не можете выбрать элемент с помощью itemprop потому что его еще не существует. Попробуй это:

jQuery('.top-telephone span').prop('itemprop', 'telephone');

Если вы используете старую версию jQuery (< 1.6), вам нужно будет использовать attr() вместо prop(),

Answer 3

Пытаться

$('.top-telephone').children('span').prop('itemprop','telephone');

или же

$('.top-telephone').children('span').attr('itemprop','telephone');