1

我是 jquery 的新手，并试图wrap()在我的代码中找到如何在我的网站菜单中使用的方法

HTML

<ul>
   <li><a href="#">Who We Are</a></li>
   <li><a href="#">Our Work</a></li>
</ul>

脚本

$('.menu li a').text().wrap('<span></span>');

但它不起作用:(

我想让我的HTML代码看起来像下面的代码我只想将<span>标签添加到<a>标签中

代码

<ul>
   <li><a href="#"><span>Who We Are</span></a></li>
   <li><a href="#"><span>Our Work</span></a></li>
</ul>

请帮助我的朋友提前谢谢...:)

4

3 回答 3

4
于 2012-12-09T09:54:06.980 回答
3

首先，您确实not有test()可以使用选择器返回的元素调用的方法，其次您需要wrapInner()而不是wrap

现场演示

改变

$('.menu li a').test().wrap('<span></span>');

到

$('ul li a').wrapInner('<span></span>');
于 2012-12-09T09:52:15.860 回答
2

Wrap would put the span around the a.

You can do this : 

$('.menu li a').each(function(){
     $(this).html('<span>'+$(this).html()+'</span>');
});

Demonstration (open the console to see the final HTML)

I suppose you meant text and not test. If so be aware that text doesn't return the text node but just a string, so you can't use it as a jQuery element and you can't call wrap on it.

于 2012-12-09T09:55:36.323 回答