如何使用jQuery将itemprop添加到span标记

Question

我想用jQuery将一个itemprop添加到span标签。

我的正确代码是：

<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的元素。

Read about attribute Equals Selector

但在你的情况下，你想要一个属性附加到一个元素。为此，您可以使用jquery .attr()或.prop()。

试试这个： -

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

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

OR

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

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

OR

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（＆lt; 1.6），则需要使用attr()代替prop()。

Answer 3

试

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

或

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