`

jQuery循环判断点击的那个节点

阅读更多
<div class="three_ad_container">
		<div class="main_ad_container"><img src="/images/insurance/3lianad.jpg" /></div>
		<div class="left_tree_ad_btn_container">
			<ul>
				<li class="tree_ad_btn_bg"><img src="/images/insurance/3lianad_small.jpg" /></li>
			</ul>
			<ul>
				<li class="tree_ad_btn_bg have_bg"><img src="/images/insurance/3lianad_small.jpg" /></li>
			</ul>
			<ul>
				<li class="tree_ad_btn_bg"><img src="/images/insurance/3lianad_small.jpg" /></li>
			</ul>
		</div>
	</div>


jQuery(".left_tree_ad_btn_container > ul > li").click(function(){
		jQuery(".have_bg").removeClass("have_bg");
		var objLi = jQuery(this);
		objLi.attr("class", "tree_ad_btn_bg have_bg");
		jQuery.each(jQuery(".left_tree_ad_btn_container > ul > li"), function(index, value){
			if(jQuery(this).attr("class") == objLi.attr("class")){
				alert(index);
			// jQuery(".main_ad_container > img").attr("src", "/images/insurance/01_bg.png");
			}
		});
	});


分享到:
评论

相关推荐

    JQuery 选择器、DOM节点操作练习实例

    - 文档中出现了一个小错误,在`for`循环的条件判断中写的是`i&lt;$("p").length`,但是循环变量是`i`而不是`var i`,这应该是一个笔误,正确的应该是`for(var i = 0; i $("p").length; i++)`。 二、DOM节点操作 ...

    JQuery实例动态生成树

    3. **遍历JSON数据**:使用JavaScript或jQuery的循环遍历JSON对象,创建对应的`&lt;li&gt;`元素,并根据`children`属性判断是否有子节点。如果有子节点,则递归调用相同的过程来生成子节点的树结构。 4. **添加点击事件**...

    超实用的jQuery代码段

    超实用的jQuery代码段精选近350个jQuery代码段,涵盖页面开发中绝大多数要点、技巧与方法,堪称史上最实用的jQuery代码参考书,可以视为网页设计与网站建设人员的好帮手。《超实用的jQuery代码段》的代码跨平台、跨...

    燕十八jquery手记

    在Web开发中,DOM模型将文档视为由节点和对象组成的树状结构,这些节点和对象可以被JavaScript访问和操作。 - **DOM操作**: JavaScript可以通过修改DOM树中的元素来实现动态更新页面的效果,例如改变文本颜色、图片...

    jquery焦点旋转轮播图

    同时,根据图片数量判断是否循环播放,防止超出边界。 7. **插件开发**:如果希望代码复用性强,可以将轮播图功能封装成一个jQuery插件。这样,只需在页面中调用插件并传入必要的配置参数即可。 8. **响应式设计**...

    2014-11-15-深入理解jQuery(5)——Data1

    在实际开发中,我们经常需要在DOM节点上绑定一些数据,如点击某个缩略图之后弹出浮层,显示相应的大图。我们可以在每个标签上添加一个属性,例如data-bigimg,但这种做法存在一些问题。首先,数据与展示混淆,违背了...

    jQuery实现的鼠标拖拽组织结构图特效源码.zip

    通过递归或循环遍历这些数据,我们可以动态创建HTML结构,并为每个节点添加拖拽功能。同时,还需要考虑节点之间的父子关系和排列顺序,以保持组织结构的完整性。 最后,为了优化性能和防止意外的拖拽,可以设置一些...

    jquery用法大全

    4. **结束循环** - `end()`:返回到最近的过滤器或查找操作之前的元素集合。 5. **过滤元素** - `filter(expression)`:缩小当前元素集合,只保留匹配特定条件的元素。 - `find(expr)`:获取后代元素中匹配...

    jQuery源码分析之jQuery中的循环技巧详解

    在深入分析jQuery源码中的循环技巧之前,先简单介绍一下jQuery是什么。jQuery是一个快速、小巧、功能丰富的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互等操作。由于它的轻量级和简洁性,使得...

    JS 使用for循环遍历子节点查找元素

    具体到for循环遍历子节点查找元素,我们通常需要确定父节点的子节点总数,并且通过索引来访问每一个子节点,检查它是否是我们需要找的那个元素。 文章中的nextChildNode函数,它的作用是根据给定的父节点(node),...

    jQuery实现多级手风琴树形下拉菜单multi_menu.rar

    这涉及到JavaScript的递归函数,通过判断当前节点是否有子节点,并对子节点进行同样的操作来实现多级效果。 6. **数据结构**:为了存储和管理菜单结构,通常会使用数组或对象来表示菜单的层级关系。在这个项目中,...

    jQuery源码分析系列_1.6

    - **init()**:是构造jQuery对象时首先调用的方法,负责初始化对象,并根据传入的选择器或其他参数构建DOM节点集合。 - **selector()**:用于处理选择器字符串,返回一个符合选择器条件的DOM节点列表。 - **...

    jQuery点击其他地方时菜单消失的实现方法

    while (elem) { // 循环判断至跟节点,防止点击的是div子元素 if (elem.id && elem.id === 'test') { return; // 是#test元素,不做操作 } elem = elem.parentNode; } $('#test').css('display', 'none'); /...

    贪吃蛇jquery版本

    6. **条件判断与逻辑控制**:游戏中的各种条件判断是必不可少的,例如判断蛇是否吃到食物、是否撞墙、是否自相碰撞等,这些都需要通过if...else语句进行控制。 7. **碰撞检测**:检测蛇头与边界、食物或其他蛇身...

    jquery基础手册

    ### jQuery基础手册精要 ... - jQuery提供了`.clone()`方法来复制节点,包括其属性和子节点。 通过这些核心知识点的学习和实践,你可以更加熟练地运用jQuery进行网页开发,实现丰富的动态效果和交互体验。

    Jquery音乐代码

    - 设置播放器的一些配置项,比如循环模式、播放状态变化时的回调函数等。 - 如果播放过程中出现错误,则尝试自动切换到下一个曲目继续播放。 ### 四、代码特点分析 - **分页处理:** 通过`pageHtml()`函数实现了...

    基于jquery实现的贪吃蛇游戏特效源码.zip

    2. **定时器与游戏循环**:贪吃蛇游戏的核心是游戏循环,通常通过JavaScript的`setInterval`函数实现。这个函数每隔一定时间执行指定的回调函数,用于更新游戏状态。在jQuery中,我们可以结合`setTimeout`或`...

    一个基于jQuery实现的宽屏图片展示效果源码例子

    6. **数据结构与逻辑控制**:为了管理图片的顺序和状态,源码可能包含数组或者其他数据结构来存储图片信息,并使用循环、条件判断等逻辑控制进行图片的切换。 7. **DOM操作**:jQuery简化了对HTML元素的操作,比如...

    原生js和jQuery写的网页选项卡特效对比

    - 循环判断:为每个标签添加点击事件监听器,当某个标签被点击时,循环遍历所有标签和内容区域,清除之前的激活样式,并为被点击的标签及其对应的内容区域设置激活样式。 - 动画效果:为内容区域的显示和隐藏添加...

Global site tag (gtag.js) - Google Analytics