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

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

whfaaf

2016-05-05

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

關(guān)注問(wèn)題我要回答

3290

操作

收起

3 回答

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

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

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

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

1 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

whfaaf 提問(wèn)者

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

2016-05-05 回復(fù) 有任何疑惑可以回復(fù)我~

#2

切兔子回復(fù) whfaaf 提問(wèn)者

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

2016-05-06 回復(fù) 有任何疑惑可以回復(fù)我~

#3

whfaaf 提問(wèn)者

非常感謝！

2016-05-10 回復(fù) 有任何疑惑可以回復(fù)我~

查看4條回復(fù)

大神在路上
2016-08-04

return的div為什么不是成對(duì)的而是<div/>

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

qq_悠悠我心_4
2016-07-17

回調(diào)函數(shù) 描述:

用原先div的內(nèi)容作為新div的class，并將每一個(gè)元素包裹起來(lái)

HTML 代碼:

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

jQuery 代碼:

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

結(jié)果:

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