摘要:代码如下:<p id="test1"> <span>text1</span><span>text2</span>

小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

代码如下:

<p id="test1">

<span>text1</span>

<span>text2</span>

<span>text3</span>

</p>

想取得span element 里面的文本, 发现$("#test1 span")[0]取出来的不是jQuery object, 只能用$($("#test1 span")[0]).text()转为jQuery再取了,但是两个$一起总感觉怪怪的,退而求其次便用了取值$("#test1 span")[0].textContent or $("#test1 span")[0].innerHTML jQuery object and DOM elementjQuery object是一种类数组对象(array-like),可以包含一个或者多个DOM element(s)。而jQuery functions 的操作是建立在jQuery object上而不是DOM object上。eg. jQuery object “Object[span, span, span] ” 包含一个或者多个DOM element “<span>”。访问jQuery object里面DOM element的方式:

. 代码如下:

$("selector")[0] // Accesses the first DOM element in this jQuery object
$("selector").get(0) // Equivalent to the code above
$("selector").get() // Retrieve a true array of DOM elements matched by this selector

或者非jQuery方式:

. 代码如下:

document.getElementsByTagName("p") // Return HTMLcollection

代码如下:

<p id="test1">

<span>text1</span>

<span>text2</span>

<span>text3</span>

</p>

想取得span element 里面的文本, 发现$("#test1 span")[0]取出来的不是jQuery object, 只能用$($("#test1 span")[0]).text()转为jQuery再取了,但是两个$一起总感觉怪怪的,退而求其次便用了取值$("#test1 span")[0].textContent or $("#test1 span")[0].innerHTML jQuery object and DOM elementjQuery object是一种类数组对象(array-like),可以包含一个或者多个DOM element(s)。而jQuery functions 的操作是建立在jQuery object上而不是DOM object上。eg. jQuery object “Object[span, span, span] ” 包含一个或者多个DOM element “<span>”。访问jQuery object里面DOM element的方式:

. 代码如下:

$("selector")[0] // Accesses the first DOM element in this jQuery object
$("selector").get(0) // Equivalent to the code above
$("selector").get() // Retrieve a true array of DOM elements matched by this selector

或者非jQuery方式:

. 代码如下:

document.getElementsByTagName("p") // Return HTMLcollection

觉得可用,就经常来吧!Javascript技巧 脚本宝典 欢迎评论哦! js技巧,巧夺天工,精雕玉琢。小宝典献丑了!

本文固定链接: http://www.js-code.com/js/js_1430.html