如何使用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()