`

jQuery循环子节点并获取值

阅读更多
<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>


var arrUl = jQuery(".left_tree_ad_btn_container > ul");
jQuery.each(arrUl, function(){
  alert(jQuery(this).find("img").attr("src"));
  alert(jQuery(this).find("li").attr("class"));
});
分享到:
评论

相关推荐

    jQuery循环遍历子节点并获取值的方法

    本篇文章将详细讲解如何使用jQuery来循环遍历子节点并获取它们的值,这在处理复杂页面结构时尤其有用。 首先,我们来看一个简单的HTML示例,包含一个`&lt;div&gt;`元素,其中嵌套了多个`&lt;ul&gt;`列表和`&lt;li&gt;`列表项: ```...

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

    `getItemId`函数是实际应用的例子,它使用`getChildNode`来寻找具有特定类名和标签的子节点,然后获取并弹出其`itemid`属性的值。 ```javascript function getItemId(node) { var classNode = ['itemInfo', '...

    ztree获取当前选中节点子节点id集合的方法

    在处理与树形结构相关的操作时,有时我们需要获取当前选中节点的子节点ID集合,以便进行进一步的数据处理或操作。本篇将详细介绍如何在ZTree中实现这一功能,同时解析`transformToArray()`方法的使用。 首先,获取...

    jQuery插件zTree实现清空选中第一个节点所有子节点的方法

    4. **实现清空子节点功能**:编写一个名为`removeChildNodesTree`的函数,该函数通过`$.fn.zTree.getZTreeObj()`获取zTree对象,然后遍历所有节点,找到第一个节点并移除其所有子节点。 ```javascript function ...

    jQuery动态生成树的案例

    `onClick`回调函数调用了`findNodeInfo(treeNode)`,用于根据选择的节点获取并填充表单信息。`onAsyncSuccess`则在异步加载成功后执行,如果未选择任何节点,它会选择第一个节点并展开。 `findNodeInfo(treeNode)`...

    jQuery与javascript对照学习 获取父子前后元素 实现代码.docx

    本文将详细介绍如何使用jQuery与原生JavaScript来获取父元素、子元素、前一个元素和后一个元素,并通过具体的代码示例来进行比较。 #### 二、获取父元素 ##### 1. 使用jQuery获取父元素 在jQuery中,可以通过`....

    jquery 动态遍历select 赋值的实例

    这是一个非常有用的jQuery方法,可以移除集合中所有匹配元素的子节点,从而确保在添加新的option之前select列表是空的。 以上就是这篇关于"jquery动态遍历select赋值的实例"中涉及的主要知识点。通过本文的介绍和...

    JQuery实例动态生成树

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

    获取ztree节点数据

    zTree可以处理静态数据或动态加载的数据,并且支持异步加载子节点等功能。 #### 获取节点数据的方法 在给定的代码片段中,我们可以通过`$.fn.zTree.getZTreeObj`方法获取到zTree实例对象,进而调用该对象的其他...

    js 获取子节点函数 (兼容FF与IE)

    在IE中,文本节点包括元素之间的空白符也被当作子节点,因此直接使用`firstChild`可能会获取到非元素节点,比如空白符或换行符。这会影响我们获取实际的元素节点。 在标准DOM中,`firstChild`属性表示一个节点的首...

    jquery ztree 从后台action加载树节点

    本文将详细介绍如何使用jQuery ZTree结合Ajax技术从后台Action获取JSON格式的数据并将其展示成树形结构。 #### 技术栈介绍 1. **jQuery**: 是一种流行的JavaScript库,简化了HTML文档遍历、事件处理、动画等操作。...

    超实用的jQuery代码段

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

    js与jquery获取父元素,删除子元素的两种不同方法.docx

    本文将详细介绍如何使用JavaScript(简称JS)和jQuery这两种流行的技术来获取指定元素的父元素,并删除这些父元素中的子元素。我们将通过具体的代码示例来阐述两种方法的异同,并分析它们在实际应用中的优缺点。 ##...

    jquery树状目录

    每个节点可能包含子节点,需要根据数据决定节点是否可展开以及子节点的多少。 4. 动态加载与异步请求:为了优化性能,大型的树状目录可能会采用懒加载策略,即只有当用户展开一个节点时才去请求该节点的子数据。这...

    Easyui Tree获取当前选择节点的所有顶级父节点

    这种方式同样通过循环获取所有父节点,并在每次循环中更新`parentAll`。 总结来说,获取Easyui Tree当前选择节点的所有顶级父节点的关键在于递归地调用`tree('getParent'...)`方法,直到达到根节点或达到预设的深度...

    javascript&amp;amp;jquery方法比对.docx

    - 使用 `while` 循环配合 `firstChild` 清空元素的所有子节点。 - **jQuery**: - `.empty()`: 清空被选元素的所有子节点。 #### 四、属性操作 - **获取/设置属性**: - **JavaScript**: - `getAttribute()`: ...

    jquery用法大全

    - `$(“div&gt;p”).css("border","1px solid gray")`:选择所有`div`的子节点`&lt;p&gt;`并添加边框样式。 5. **表单操作** - `$(“input:radio”, document.forms[0])`:在第一个表单中查找所有的单选按钮。 6. **扩展...

    Jquery节点遍历next与nextAll方法使用示例

    而nextAll()方法则与next()方法不同,它可以获取指定节点之后的所有“同类同辈”元素。在使用nextAll()方法时,我们可以不必担心后面是否有同辈元素,因为这个方法会返回所有之后的同类元素,不论它们是紧接着的还是...

Global site tag (gtag.js) - Google Analytics