如何使用 jQuery 将 itemprop 添加到 span 标签答案

【问题标题】：How to add an itemprop to span tag with jQuery如何使用 jQuery 将 itemprop 添加到 span 标签
【发布时间】：2013-10-30 14:19:00
【问题描述】：

我想用 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'));，但这对我不起作用。

【问题讨论】：

【解决方案1】：

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

在您的代码中，您使用Attribute Equals Selector。用于选择具有指定属性的元素。

属性等于选择器：选择具有指定属性且值与某个值完全相等的元素。

通过此代码jQuery('span[itemprop="telephone"]')，您可以选择具有itemprop 属性和telephone 值的元素。

但是在您的情况下，您希望将属性附加到元素。为此，您可以使用 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');

【讨论】：

【解决方案2】：

您的语法有点偏离，因为您无法通过itemprop 属性选择元素，因为它还不存在。试试这个：

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

如果您使用的是旧版本的 jQuery (attr() 而不是 prop()。

【讨论】：

【解决方案3】：

试试

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

或

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

【讨论】：