                        課程
                    
                        /前端開發(fā)
                        
                            /jQuery
                        
                        /jQuery基礎(二)—DOM篇

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

whfaaf

2016-05-05

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

關注問題我要回答

3257

操作

收起

3 回答

切兔子回答被采納 +3 積分
2016-05-05

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

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

$(this)為當前選擇的a元素，即$('a')

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

收起回答

#1

whfaaf 提問者

$('a').text()的值是“a元素a元素”吧，那'<div class="' + $(this).text() + '" />'就等于'<div class="a元素a元素"/>',return這個參數嗎？但是好像沒有“a元素a元素”這個類。。。

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

#2

切兔子回復 whfaaf 提問者

這個講的是wrap方法，要去看源碼才知道內部的具體代碼，這里return出去后還要操作用這個div包裹a元素， $(this).text()的值是“a元素”，然后div的class也就是“a元素”，中文類名是可以的，可以去瀏覽器試試

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

#3

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>