0

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

4

3 回答 3

2
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');

jQuery .attr()

jQuery .prop()

于 2013-10-31T04:17:54.580 回答
0

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

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

如果您使用的是旧版本的 jQuery (< 1.6),则需要attr()使用prop().

于 2013-10-30T14:20:46.990 回答
0

尝试

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

或者

$('.top-telephone').children('span').attr('itemprop','telephone');
于 2013-10-30T14:23:26.510 回答