jquery獲取span,jQuery獲取父節(jié)點(diǎn)

jquery 獲取元素span的值

form?表單例如文本框的值是用val()獲取的，容器是用?text()或html()?

成都創(chuàng)新互聯(lián)公司是一家專業(yè)提供香坊企業(yè)網(wǎng)站建設(shè),專注與成都網(wǎng)站制作、成都做網(wǎng)站、H5頁(yè)面制作、小程序制作等業(yè)務(wù)。10年已為香坊眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站制作公司優(yōu)惠進(jìn)行中。

var?$span?=?$('span');

alert($span.text()?+?"_"?+?$span.html());

jquery 獲取 DIV 下的 第2個(gè) span

你好！

通過(guò)jquery的層級(jí)選擇器，可以輕松搞定：

$('div').click(function(){

//??"span:nth-child(3)"????表示div的子span元素集合中的第3個(gè)元素

//??"$("span:nth-child(3)",this)"???表示在當(dāng)前div查找

alert(???$("span:nth-child(3)",this).html()???);????

//另外eq()方法也同樣可以,注意索引從0開(kāi)始

alert(???$("span",this).eq(2).html()???);

//jquery中的children

alert(??$(this).children("span").last().text()??);

//匹配最后一個(gè)子元素

alert(??$("span:last-child",this).html()???);

alert(??$(this).children("span:last").html()??);

}

希望對(duì)你有幫助！

jquery如何獲取span的文本？

上面回答都沒(méi)解決問(wèn)題。解決這個(gè)問(wèn)題，把你整段script放在span的下方就ok。如：html

head

SCRIPT language=JavaScript src="js/jquery-1.3.1.js"/SCRIPT

/head

body

span id="aa"aaaa/spanSCRIPT language=JavaScript

var aa=$("#aa").val();

var cc=$("#aa").html();

var bb=$("#aa").text();

alert(aa);

alert(bb);

alert(cc);

/script

/body

/html問(wèn)題出在html是從上往下解析的，在解析到你js里的$("#aa")時(shí)，下面這個(gè)span還不存在，當(dāng)然就undefined了。js在下面解析，span就有了。另外，jquery的做法是用ready函數(shù)包含這些代碼，放哪就無(wú)所謂了。它的作用就是在加載完整個(gè)頁(yè)面后才執(zhí)行包含的js。

jquery 怎么獲取span下第一個(gè)i標(biāo)簽

有兩種方法可以實(shí)現(xiàn)獲取span下第一個(gè)i標(biāo)簽：

1、使用css選擇器： first-child 或nth-child(1)，具體代碼為：$("span.label i:first-child") 或 ?$("span.label i:nth-child(1)")

2、使用遍歷方法：first()、eq()等，具體代碼為：

$("span.label").each(function() {

$(this).find("i:eq(0)") ? // 或者$(this).find("i").first()

});

下面進(jìn)行實(shí)例演示：為所有span的第一個(gè)i標(biāo)簽的元素都添加紅色樣式：

1、新建一個(gè)HTML文件，為了演示需要假設(shè)如下的HTML結(jié)構(gòu)：

div id="test"

span class='label'i1-1/inbsp;nbsp;i1-2/i/spanbr

span class='label'i2-1/inbsp;nbsp;i2-2/i/spanbr

span class='label'i3-1/inbsp;nbsp;i3-2/i/span

/div

input type="button" id="btn" value="設(shè)置"

2、在上面新建文件的開(kāi)頭部分添加如下jquery代碼：主要邏輯為在點(diǎn)擊按鈕時(shí)相應(yīng)一個(gè)操作，即獲取span下第一個(gè)i標(biāo)簽（下面注釋部分給出了4種方法都是可行的，可以根據(jù)需要進(jìn)行選擇）。為了演示效果，使用addClass()函數(shù)為獲取到的span下第一個(gè)i標(biāo)簽添加紅色的樣式。

script

$(function(){

$("#btn").click(function() { // 點(diǎn)擊按鈕就相應(yīng)下面的操作

// $("span.label i:first-child").addClass('red'); // 方法1，使用first-child選擇器

// $("span.label i:nth-child(1)").addClass('red'); ?// 方法2，使用nth-child(1)選擇器

$("span.label").each(function() {

// $(this).find("i:eq(0)").addClass('red'); ? // 方法3，遍歷后使用eq()方法

$(this).find("i").first().addClass('red'); ? ? ?// 方法4，遍歷后使用first()方法

});

});

});

/script

3、保存文件，使用瀏覽器打開(kāi)，點(diǎn)擊按鈕后效果如下：

jQuery怎獲取到到span值

form 表單例如文本框的值是用val()獲取的，容器是用 text()或html() var $span = $('span'); alert($span.text() + "_" + $span.html());

如何利用jquery獲取div下的

用jquery吧這個(gè)不復(fù)雜吧，再通過(guò)class得到下面的span，先通過(guò)id得到當(dāng)前div，再得到span里面的text

(");.fileNamequot.text();獲取TEXT

網(wǎng)站題目：jquery獲取span,jQuery獲取父節(jié)點(diǎn)
URL地址：http://muchs.cn/article10/pheego.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供動(dòng)態(tài)網(wǎng)站、網(wǎng)站設(shè)計(jì)公司、移動(dòng)網(wǎng)站建設(shè)、小程序開(kāi)發(fā)、品牌網(wǎng)站制作、品牌網(wǎng)站設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)