jquery获取index()元素序号的问题

jquery获取index()元素序号的问题,第1张

$(function () {

$("dt")on("click", function () {

alert($(this)index("dt"));

});

});

//index索引从0开始

<p>这是一个段落。</p>

<p>这是一个段落。</p>

<p class="active k">这是一个段落。</p>

<p>这是一个段落。</p>

<p class="m active">这是一个段落。</p>

<p>这是一个段落。</p>

<script>

$(function(){

   $("p")each(function(i,o){

      if($(o)hasClass("active"))consolelog(i);

   });

});

</script>

jQuery 选择器中 :last 表示最后一个元素,所以表示含有某类属性的最后一个元素可用如下代码表示

$("test-class:last")  // 表示最后一个属于test-class类的元素

示例如下:

创建Html元素

<div class="top">

<ul>

<li>list-1</li>

<li class="selected">list-2</li>

<li class="selected">list-3</li>

<li>list-4</li>

<li class="selected">list-5</li>

</ul>

<span>红色列表项表示属于selected类,d出框显示了最后一个属于selected类的元素的内容</span>

</div>

设置css样式

divtop{margin:50px;padding:10px;width:300px;height:250px;border:2px dashed #ebbcbe;}

li{padding:5px;}

liselected{color:red;font-weight:bold;}

span{color:#999;}

编写jquery代码

$(function(){

$("ul")click(function() {

alert($("liselected:last")text());

});

})

观察显示效果

获取select选中的 value:

$("#ddlregtype ")val();//这样就OK了

获取select 选中的 text :$("#ddlregtype")find("option:selected")text();

获取select选中的索引:

$("#ddlregtype ")get(0)selectedindex;这三个对你以后应该有用的

还是很好用的就是获取元素所在索引,举一个例子  比如做选项卡的时候

<a>1</a><a>2</a><a>3</a>这是3个菜单  底下有3个div  点击第几个a标签出现第几个div就可以用index了

$('a')click(function(){

  var index=$('a')index(this);

  $('div')eq(index),show();

})

使用 each 方法, 假设你的 jQuer 元素是 el , 大概代码是:

$(el)each(function(index,el){

consolelog( $(el)attr('id') );

})

each 是 jQuery 提供的遍历方法,第一个参数是索引,第二个参数是遍历对象的值。

给的date是个json字符串,可以先转成js对象:

let date_obj=JSONparse(date);

此后date_obj就是一个对象,取到这个数组:

let arr=date_objnumbers;

然后用索引访问arr就能取到任意一个元素。

综合为

JSONparse(date)numbers[x],x为想取的元素索引,从0开始

你$('#ul1 li')eq(下标索引)after(内容)

不都这样插入么你要插第二位总得找到第一位才能知道第二位在哪啊

你是想像数组 *** 作那样直接splice(1,0,内容)么

以上就是关于jquery获取index()元素序号的问题全部的内容,包括:jquery获取index()元素序号的问题、jq each遍历元素找到含有某一class的元素,得到其索引值、JQUERY怎么获取一个类中的最后一个元素。等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9747678.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存