//监听事件
function handler(event) {
var index =event.data.index;
var lis = $("#navul li ");
$.each( lis, function(i, n){
if(i==index){
$(this).addClass("ej_nav font-in");
}else
{
$(this ).removeClass();
}
});
}
//通过li的ID设置监听
$(function(){
var lis = $("#navul li a");
$.each( lis, function(i, n){
$(this).bind("click", {index: i}, handler)
});
});
jsp 内容
<ul id="navul">
<li class="ej_nav font-in">
<a href="#"
onClick="gotourl('url);"
class="jc_nav_ico1" id="nav_gn">污染物限量</a>
</li>
<li >
<a href="#"
onClick="gotourl('url');"
class="jc_nav_ico1" id="bz_gj">真菌毒素限量</a>
</li>
<li >
<a href="#"
onClick="gotourl('url');"
class="jc_nav_ico1" id="nav_cyzb">农药残留限量</a>
</li>
- 大小: 5.9 KB
分享到:
相关推荐
下面小编就为大家分享一篇javaScript动态添加Li元素的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
利用jjs实现向OL列表内动态添加LI元素的方法示例,分享资源
JavaScript给事件委托批量添加事件监听详细流程 1.什么是事件委托 事件委托:利用事件冒泡的特性,将本应该注册在子元素上的处理事件注册在父元素上,这样点击子元素时发现其本身没有相应事件就到父元素上寻找...
html li前添加图标,通过三种方法添加,第一种是:list-style-image,第二种是:background的方式实现,第三种:通过字体库引入图标
主要介绍了JavaScript给每一个li节点绑定点击事件的实现方法,包括js循环给li绑定参数不同的点击事件,需要的朋友可以参考下
如果用 js 动态添加元素,就不会有那么复杂的字符串出现,代码阅读性强一点,也容易理解。 网页是由 html 标签一层层组成的,js 也可以动态添加一层层的诸如 div、li、img 这样的标签。其实,不管是什么 html 标签,...
我们遍历ul 下所有的li 并添加点击事件,一般我们会在for循环里面添加点击事件,但是结果和我们所期盼不一样,那么是为什么呢???? 接下来看看我们的js代码 var li = document.getElementsByTagName('li'); ...
主要介绍了JavaScript实现向OL列表内动态添加LI元素的方法,实例分析了javascript操作html元素的技巧,需要的朋友可以参考下
如果 Vue 实例在实例化时没有收到 el 选项,则它处于“未挂载”状态,没有关联的 DOM 元素。...如果没有提供 elementOrSelector 参数,模板将被渲染为文档之外的的元素,并且你必须使用原生 DOM API 把它插入文档中。
本文实例为大家分享了js使用ul中li标签实现删除效果的具体代码,供大家参考,具体内容如下 <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"&...
一个获取第n个元素节点的函数,现在只能通过html标签获取元素,功能还不完善 ... <li>1<button>a</button></li> ...js: /** * * @param parent父节点 * @param ele要选取的元素标签 * @pa
主要介绍了JQuery实现ul中添加LI和删除指定的Li元素功能,结合完整实例形式分析了jQuery基于事件响应的页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
本文实例讲述了JS实现为动态添加的元素增加事件功能。分享给大家供大家参考,具体如下: 我们在日常开发中有时会通过js创建一些元素,但是如果使用原始的for循环给创建的节点添加事件的方法往往行不通: <!...
js 获取元素下面所有的li 代码如下: var content=document.getElementById(“content”); var items=content.getElementsByTagName(“ul”); var itemss=items[2].getElementsByTagName(“li”); 或 代码如下: var ...
怎么实现ul的横向排列和去掉li那个烦人的点,现在找到方法了,在此与大家分享下,感兴趣的朋友可以参考下,以备不时之需
CSS结合JavaScript 实现Li隔行换色 代码
为父元素添加一个5px的边框,在li元素添加浮动后,边框并没有被内容撑开。 在第一个示例中仿佛父元素消失了,但在第二个示例中发现其实父元素并没有消失,只是高度被计算为0。这就要回到浮动元素的特性来说明此问题...