|
|
//html
<div class="dv">
<ul>
<li>
<a href="xx.com">xx</a>
</li>
<li>
<a href="aa.com">aa</a>
</li>
<li>
<a href="bb.com">bb</a>
</li>
</ul>
<ul></ul>
</div>
//js
$('.dv').find('ul')->eq(0)->find('li')->each(function(i){
var obj = $(this).find('a')->eq(0);
$em = $('<em>');//新建em元素
$em.html(i);
$em.insertBefore(obj);//把新元素插到查找到的元素前面
});
真方便哈！！??！
關(guān)于jQuery的find方法的疑問(wèn)
find(expr)
搜索所有與指定表達(dá)式匹配的元素。這個(gè)函數(shù)是找出正在處理的元素的后代元素的好方法。
所有搜索都依靠jQuery表達(dá)式來(lái)完成。這個(gè)表達(dá)式可以使用CSS1-3的選擇器語(yǔ)法來(lái)寫(xiě)。
返回值
jQuery
參數(shù)
expr (String) :用于查找的表達(dá)式
示例
從所有的段落開(kāi)始，進(jìn)一步搜索下面的span元素。與$("p span")相同。
HTML 代碼:
Hello, how are you?
jQuery 代碼:
$("p").find("span")
結(jié)果:
[ Hello ]
jquery 查詢|jquery 查找元素|jquery 查找對(duì)象
#id 返回值:Array<Element>#id
概述
根據(jù)給定的ID匹配一個(gè)元素。
如果選擇器中包含特殊字符，可以用兩個(gè)斜杠轉(zhuǎn)義。參見(jiàn)示例。
參數(shù)
idString
用于搜索的，通過(guò)元素的 id 屬性中給定的值
示例
描述:
查找 ID 為"myDiv"的元素。
HTML 代碼:
<div id="notMe"><p>id="notMe"</p></div>
<div id="myDiv">id="myDiv"</div>jQuery 代碼:
$("#myDiv");結(jié)果:
[ <div id="myDiv">id="myDiv"</div> ]描述:
查找含有特殊字符的元素
HTML 代碼:
<span id="foo:bar"></span>
<span id="foo[bar]"></span>
<span id="foo.bar"></span>jQuery 代碼:
#foo//:bar
#foo//[bar//]
#foo//.barelement 返回值:Array<Element(s)>element概述根據(jù)給定的元素名匹配所有元素參數(shù)elementString一個(gè)用于搜索的元素。指向 DOM 節(jié)點(diǎn)的標(biāo)簽名。示例描述:查找一個(gè) DIV 元素。HTML 代碼:<div>DIV1</div>
<div>DIV2</div>
<span>SPAN</span>jQuery 代碼:$("div");結(jié)果:[ <div>DIV1</div>, <div>DIV2</div> ].class返回值:Array<Element(s)>.class概述根據(jù)給定的類(lèi)匹配元素。參數(shù)classString一個(gè)用以搜索的類(lèi)。一個(gè)元素可以有多個(gè)類(lèi)，只要有一個(gè)符合就能被匹配到。示例描述:查找所有類(lèi)是 "myClass" 的元素.HTML 代碼:<div class="notMe">div class="notMe"</div>
<div class="myClass">div class="myClass"</div>
<span class="myClass">span class="myClass"</span>jQuery 代碼:$(".myClass");結(jié)果:[ <div class="myClass">div class="myClass"</div>, <span class="myClass">span class="myClass"</span> ] selector1,selector2,selectorN返回值:Array<Element(s)>selector1,selector2,selectorN概述將每一個(gè)選擇器匹配到的元素合并后一起返回。你可以指定任意多個(gè)選擇器，并將匹配到的元素合并到一個(gè)結(jié)果內(nèi)。參數(shù)selector1Selector一個(gè)有效的選擇器selector2Selector另一個(gè)有效的選擇器selectorN (可選)Selector任意多個(gè)有效選擇器示例描述:找到匹配任意一個(gè)類(lèi)的元素。HTML 代碼:<div>div</div>
<p class="myClass">p class="myClass"</p>
<span>span</span>
<p class="notMyClass">p class="notMyClass"</p>jQuery 代碼:$("div,span,p.myClass")結(jié)果:[ <div>div</div>, <p class="myClass">p class="myClass"</p>, <span>span</span> ]
JavaScript技術(shù)：jquery 查找新建元素代碼，轉(zhuǎn)載需保留來(lái)源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
