如何用jquery獲得option的索引值index？

需要準備的材料分別有：電腦、html編輯器、瀏覽器。

創(chuàng)新互聯(lián)公司主要從事成都做網(wǎng)站、成都網(wǎng)站設(shè)計、網(wǎng)頁設(shè)計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)川匯,十載網(wǎng)站建設(shè)經(jīng)驗,價格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):18982081108

1、首先，打開html編輯器，新建html文件，例如：index.html，并引入jquery。

2、在index.html中的script標簽，輸入jquery代碼：

$('select option').each(function (i) {

if ($(this).attr('selected')) {

$('body').append(i);

}

});

3、瀏覽器運行index.html頁面，此時用jquery獲取到了option的索引值被打印了出來。

jquery中怎么獲得當前元素的索引值

jQuery 的 index() 方法返回指定元素相對于其他指定元素的索引值，注意：索引值是從0開始計數(shù)的。獲得當前元素的索引值可用click事件觸發(fā)

示例代碼如下：獲取被點擊的a標簽的索引值

1，創(chuàng)建Html元素

2，設(shè)置css樣式

3，編寫jquery代碼

4，觀察效果：因為index從0開始計數(shù)，所以點擊第三個元素，獲取的索引值是2

擴展資料

jQuery的核心特性：

1，具有獨特的鏈式語法和短小清晰的多功能接口；

2，具有高效靈活的css選擇器，并且可對CSS選擇器進行擴展；

3，擁有便捷的插件擴展機制和豐富的插件。

4，jQuery兼容各種主流瀏覽器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

參考資料：jQuery - 百度百科

jquery怎樣獲得index

jquery提供了獲得第一個匹配元素相對于其同胞元素的位置的方法——index()，注意：

index從0開始計數(shù)

如果未找到元素，index() 將返回 -1。

實例演示如下

創(chuàng)建Html元素

div?class="box"

span點擊li元素即可獲取其index：/spanbr

div?class="content"

ul

??liGlen/li

??li?Tane/li

??liJohn/li

??li?Ralph/li

/ul

/div

/div

設(shè)置css樣式

div.box{width:300px;padding:20px;margin:20px;border:4px?dashed?#ccc;}

div.boxspan{color:#999;font-style:italic;}

div.content{width:250px;margin:10px?0;padding:20px;border:2px?solid?#ff6666;}

li{margin:5px;list-style:?none;}

.red{color:red?!important;}

編寫jquery代碼

$(function(){?

$("ul?li").click(function()?{

$(this).addClass('red');????//?應(yīng)用樣式以突出

n?=?$(this).index();

alert("被點擊的li標簽的index順序為："+n+"，實際順序為："+(n+1)+"。");??

});

});

觀察效果

jquery中怎么獲得特定元素的索引值

jquery獲取元素索引值index()方法：

jquery的index()方法

搜索匹配的元素，并返回相應(yīng)元素的索引值，從0開始計數(shù)。

如果不給

.index()

方法傳遞參數(shù)，那么返回值就是這個jQuery對象集合中第一個元素相對于其同輩元素的位置。

如果參數(shù)是一組DOM元素或者jQuery對象，那么返回值就是傳遞的元素相對于原先集合的位置。

如果參數(shù)是一個選擇器，那么返回值就是原先元素相對于選擇器匹配元素中的位置。如果找不到匹配的元素，則返回-1。

復(fù)制代碼代碼如下:

foo

bar

baz

$('li').index(document.getElementById('bar'));

//1，傳遞一個DOM對象，返回這個對象在原先集合中的索引位置

$('li').index($('#bar'));

//1，傳遞一個jQuery對象

$('li').index($('li:gt(0)'));

//1，傳遞一組jQuery對象，返回這個對象中第一個元素在原先集合中的索引位置

$('#bar').index('li');

//1，傳遞一個選擇器，返回#bar在所有l(wèi)i中的做引位置

$('#bar').index();

//1，不傳遞參數(shù)，返回這個元素在同輩中的索引位置。

jquery獲取元素索引值index()示例

復(fù)制代碼代碼如下:

//用于二級或者三級聯(lián)動

建站素材

jquery特效

懶人主機

前端路上

$("#nav

a").click(function(){

//四個經(jīng)典的用法

var

index1

=

$("#nav

a").index(this);

var

index2

=

$("#nav

a").index($(this));

var

index3

=

$(this).index()

var

index3

=

$(this).index("a")

alert(index3);

return

false;

});