加载列表时jquery获取ul中第一个li的属性


Posted in Javascript onNovember 02, 2014

当加载列表时,默认希望选中第一条。top_menu 为ul的ID

通过 $("#top_menu li:first") 就可以获取到 ul下第一个li标签。然后就可以利用

例如 修改属性:$("#top_menu li:first").attr("class","select");

触发事件:$("#top_menu li:first").click();

如果想获取li下的 a标签,如下:

$("#top_menu li:first a")

也可以 修改属性:$("#top_menu li:first a").attr("","");

触发事件:$("#top_menu li:first a").click();

<ul class="nav white" id="top_menu" name="top_menu">

<!-- 一级菜单 -->

<s:iterator value="list" status="st">

<li><a onclick=""><s:property value="menuName" /></a></li>

</s:iterator>

</ul>
Javascript 相关文章推荐
jQuery之end()和pushStack()使用介绍
Feb 07 Javascript
浅析jQuery中常用的元素查找方法总结
Jul 04 Javascript
JQuery中dataGrid设置行的高度示例代码
Jan 03 Javascript
js中将String转换为number以便比较
Jul 08 Javascript
javascript实现回到顶部特效
May 06 Javascript
解决Angular.Js与Django标签冲突的方案
Dec 20 Javascript
深入理解Angularjs中的$resource服务
Dec 31 Javascript
JavaScript输出所选择起始与结束日期的方法
Jul 12 Javascript
Vue Element使用icon图标教程详解(第三方)
Feb 07 Javascript
Vue项目添加动态浏览器头部title的方法
Jul 11 Javascript
JavaScript常用工具方法封装
Feb 12 Javascript
JavaScript页面倒计时功能完整示例
May 15 Javascript
基于jquery固定于顶部的导航响应浏览器滚动条事件
Nov 02 #Javascript
jQuery ajax serialize() 方法使用示例
Nov 02 #Javascript
js获取UserControl内容为拼html时提供方便
Nov 02 #Javascript
Javscript调用iframe框架页面中函数的方法
Nov 01 #Javascript
js实现文章文字大小字号功能完整实例
Nov 01 #Javascript
js中confirm实现执行操作前弹出确认框的方法
Nov 01 #Javascript
js实现按钮加背景图片常用方法
Nov 01 #Javascript
You might like
php自定义函数之递归删除文件及目录
2010/08/08 PHP
php配置php-fpm启动参数及配置详解
2013/11/04 PHP
jquery+php+ajax显示上传进度的多图片上传并生成缩略图代码
2014/10/15 PHP
php实现生成带二维码图片并强制下载功能
2018/02/24 PHP
PHP各种常见经典算法总结【排序、查找、翻转等】
2019/08/05 PHP
javascript 仿QQ滑动菜单效果代码
2010/09/03 Javascript
用js调用迅雷下载代码的二种方法
2013/04/15 Javascript
js获取dom的高度和宽度(可见区域及部分等等)
2013/06/13 Javascript
JQuery结合CSS操作打印样式的方法
2013/12/24 Javascript
利用js实现在浏览器状态栏显示访问者在本页停留的时间
2013/12/29 Javascript
js识别不同浏览器基于userAgent做判断
2014/07/29 Javascript
js选择并转移导航菜单示例代码
2014/08/19 Javascript
深入理解javascript原型链和继承
2014/09/23 Javascript
js实现键盘控制DIV移动的方法
2015/01/10 Javascript
jQuery中unbind()方法用法实例
2015/01/19 Javascript
jQuery中$.extend()用法实例
2015/06/24 Javascript
JavaScript笔记之数据属性和存储器属性
2016/03/31 Javascript
JS简单实现DIV相对于浏览器固定位置不变的方法
2016/06/17 Javascript
详细分析Javascript中创建对象的四种方式
2016/08/17 Javascript
vue.js初学入门教程(1)
2016/11/03 Javascript
AngularJS入门教程之Helloworld示例
2016/12/25 Javascript
Angular.js 4.x中表单Template-Driven Forms详解
2017/04/25 Javascript
微信小程序日历组件calendar详解及实例
2017/06/08 Javascript
微信小程序返回多级页面的实现方法
2017/10/27 Javascript
详解Vue打包优化之code spliting
2018/04/09 Javascript
python访问系统环境变量的方法
2015/04/29 Python
详解Python之数据序列化(json、pickle、shelve)
2017/03/30 Python
PyQt5 pyqt多线程操作入门
2018/05/05 Python
Ubuntu下Python2与Python3的共存问题
2018/10/31 Python
python的range和linspace使用详解
2019/11/27 Python
python如何处理程序无法打开
2020/06/16 Python
python邮件中附加文字、html、图片、附件实现方法
2021/01/04 Python
中国专业的综合网上购物商城:京东
2016/08/02 全球购物
关于九一八事变的演讲稿2014
2014/09/17 职场文书
解决SpringBoot跨域的三种方式
2021/06/26 Java/Android
win10滚动条自动往上跑怎么办?win10滚动条自动往上跑的解决方法
2022/08/05 数码科技