                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础(二)—DOM篇

return '<div class="' + $(this).text() + '" />';什么意思？

whfaaf

2016-05-05

源自：jQuery基础(二)—DOM篇 5-3

关注问题我要回答

3181

操作

收起

3 回答

切兔子回答被采纳 +3 积分
2016-05-05

$('a').wrap(function() {
            return '<div class="' + $(this).text() + '" />';
        })

匿名函数function返回（return）一个值：'<div class="' + $(this).text() + '" />'；

$(this)为当前选择的a元素，即$('a')

1 回复有任何疑惑可以回复我~

收起回答

whfaaf 提问者

$('a').text()的值是“a元素a元素”吧，那'<div class="' + $(this).text() + '" />'就等于'<div class="a元素a元素"/>',return这个参数吗？但是好像没有“a元素a元素”这个类。。。

2016-05-05 回复有任何疑惑可以回复我~

切兔子回复 whfaaf 提问者

这个讲的是wrap方法，要去看源码才知道内部的具体代码，这里return出去后还要操作用这个div包裹a元素， $(this).text()的值是“a元素”，然后div的class也就是“a元素”，中文类名是可以的，可以去浏览器试试

2016-05-06 回复有任何疑惑可以回复我~

whfaaf 提问者

非常感谢！

2016-05-10 回复有任何疑惑可以回复我~

查看4条回复

大神在路上
2016-08-04

return的div为什么不是成对的而是<div/>

0 回复有任何疑惑可以回复我~

收起回答

qq_悠悠我心_4
2016-07-17

回调函数描述:

用原先div的内容作为新div的class，并将每一个元素包裹起来

HTML 代码:

<div class="container">
<div class="inner">Hello</div>
<div class="inner">Goodbye</div>
</div>

jQuery 代码:

$('.inner').wrap(function() {
return '<div class="' + $(this).text() + '" />';
});

结果:

<div class="container">
<div class="Hello">
<div class="inner">Hello</div>
</div>
<div class="Goodbye">
<div class="inner">Goodbye</div>
</div>
</div>