加载列表时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 最简单的属性菜单
Oct 08 Javascript
javascript中的变量是传值还是传址的?
Apr 19 Javascript
jquery、js操作checkbox全选反选
Mar 12 Javascript
整理AngularJS框架使用过程当中的一些性能优化要点
Mar 05 Javascript
通过正则表达式获取url中参数的简单实现
Jun 07 Javascript
EditPlus中的正则表达式 实战(4)
Dec 15 Javascript
jquery dataview数据视图插件使用方法
Dec 23 Javascript
Node.js中的http请求客户端示例(request client)
May 04 Javascript
Vue项目数据动态过滤实践及实现思路
Sep 11 Javascript
Angular resolve基础用法详解
Oct 03 Javascript
微信小程序下拉菜单效果的实例代码
May 14 Javascript
Vue2.x和Vue3.x的双向绑定原理详解
Nov 05 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
基于文本的搜索
2006/10/09 PHP
PHP 伪静态技术原理以及突破原理实现介绍
2013/07/12 PHP
微信公众平台DEMO(PHP)
2016/05/04 PHP
jQuery 学习第七课 扩展jQuery的功能 插件开发
2010/05/17 Javascript
jQuery EasyUI API 中文文档 - Tabs标签页/选项卡
2011/10/01 Javascript
Jquery实现带动画效果的经典二级导航菜单
2013/03/22 Javascript
js获取select选中的option的text示例代码
2013/12/19 Javascript
javascript:void(0)的问题使用探讨
2014/04/10 Javascript
2则自己编写的jQuery特效分享
2015/02/26 Javascript
通过伪协议解决父页面与iframe页面通信的问题
2015/04/05 Javascript
javascript倒计时效果实现
2015/11/12 Javascript
实例代码详解jquery.slides.js
2015/11/16 Javascript
javascript遍历json对象的key和任意js对象属性实例
2017/03/09 Javascript
jQuery插件FusionCharts绘制的3D环饼图效果示例【附demo源码】
2017/04/02 jQuery
Javascript继承机制详解
2017/05/30 Javascript
微信小程序与php 实现微信支付的简单实例
2017/06/23 Javascript
JS原生带小白点轮播图实例讲解
2017/07/22 Javascript
微信小程序之几种常见的弹框提示信息实现详解
2019/07/11 Javascript
使用vue-router在Vue页面之间传递数据的方法
2019/07/15 Javascript
element-ui中Table表格省市区合并单元格的方法实现
2019/08/07 Javascript
vue 组件简介
2020/07/31 Javascript
JS pushlet XMLAdapter适配器用法案例解析
2020/10/16 Javascript
新手常见6种的python报错及解决方法
2018/03/09 Python
DataFrame中去除指定列为空的行方法
2018/04/08 Python
使用python爬虫获取黄金价格的核心代码
2018/06/13 Python
python处理两种分隔符的数据集方法
2018/12/12 Python
简单了解Django应用app及分布式路由
2019/07/24 Python
python 爬取小说并下载的示例
2020/12/07 Python
python实现图像高斯金字塔的示例代码
2020/12/11 Python
英国的一家创新礼品和小工具零售商:Menkind
2019/08/24 全球购物
Craghoppers德国官网:户外和旅行服装
2020/02/14 全球购物
C#软件工程师英语面试题
2015/06/07 面试题
六一儿童节演讲稿
2014/05/23 职场文书
忠诚与背叛观后感
2015/06/04 职场文书
2016形势与政策学习心得体会
2016/01/12 职场文书
html form表单基础入门案例讲解
2021/07/15 HTML / CSS