如何使用jQuery添加itemprop以跨度标记

Question

我想使用jQuery为跨度标记添加itemprop。

我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

您的语法稍微偏离，因为您不能通过itemprop属性选择元素，因为它尚不存在。试试这个：如果您使用的是旧版本的jQuery（< 1.6）的

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

，你将需要使用attr()，而不是prop()。

Answer 2

尝试

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

或

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

Answer 3

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()