jQuery中的before函數(shù)用于在一個元素之前插入一個新的元素,簡單說就是添加前導元素,它的語法如下:
$(selector).before(content,function(index,html));其中,selector是被插入元素的選擇器;content是插入的內(nèi)容,可以是HTML字符串、DOM元素、DOM元素數(shù)組(jQuery形式的數(shù)組)或者jQuery對象;function是一個可選的回調(diào)函數(shù),用來計算要插入的內(nèi)容。 例如,我們有一個HTML頁面:
<div id="myDiv">這是一個div元素</div>現(xiàn)在我們想在這個元素之前加入一個段落元素,可以使用如下代碼:
$('#myDiv').before('<p>這是一個段落元素</p>');這樣,就會在id為“myDiv”的元素之前添加一個段落元素,頁面將變成如下:
<p>這是一個段落元素</p><div id="myDiv">這是一個div元素</div>我們也可以使用回調(diào)函數(shù)來動態(tài)計算要插入的內(nèi)容,例如:
$('#myDiv').before(function(index,html){ return "<p>這是第"+ index +"個元素:"+ html +"</p>"; });這個回調(diào)函數(shù)會在每個符合條件的元素前插入一個帶有序號的段落元素。