`

jquery 父级之下的子级dom元素

 
阅读更多

遇到一个问题:两个div,内部的子节点相同,条件控制父节点来操作子节点属性等,需要将父节点作为参数传入函数里,可以使用下面方式找到子节点:

 

var fun =function($fatherObj){

                      var childrenHtml1 = $fatherObj.find("a").html();

                      var childrenHtml2 = $("a",$fatherObj).html();  

                      alert(childrenHtml1 );

                      alert(childrenHtml2 );

};

 

知道父节点找到子节点:

第一:$("父节点选择器").find(“子节点选择器”)

第二:$("子节点选择器",“父节点选择器”)

 

分享到:
评论

相关推荐

    JavaScript和jquery获取父级元素、子级元素、兄弟元素的方法

    在探讨Web开发中如何利用JavaScript和jQuery获取DOM元素的关系时,父级元素、子级元素和兄弟元素是三个基础而核心的概念。通过准确获取这些元素,我们可以进行诸如样式修改、事件绑定、动态内容更新等操作。下面将...

    jQuery选择器全解.

    jQuery选择器作为jQuery框架的核心功能之一,为开发者提供了强大的DOM元素检索和操作工具。通过本文的学习,相信你已经对jQuery选择器有了全面的了解。实践是检验真理的唯一标准,建议读者在实际项目中多多尝试,以...

    jQuery多级复选框checkbox选中代码.zip

    在处理函数内部,可以通过`.prop('checked')`来获取或设置复选框的选中状态,`.parent()`和`.children()`方法可以用来查找父级和子级复选框,`.siblings()`则可以获取同级元素。通过这些方法,可以实现联动效果,即...

    ajax_struts_jquery_json级联菜单

    这可以通过修改CSS样式或者直接移除DOM元素来实现。 综上所述,"ajax_struts_jquery_json级联菜单"的实现涉及了前端和后端的协同工作。前端利用jQuery的AJAX功能发送请求,处理JSON响应并更新DOM;后端则用Struts...

    jQuery基础教程(第2版)PDF版本下载.txt

    - 使用事件委托:通过父级元素为子级元素绑定事件,避免频繁地为每一个子级元素单独绑定事件。 2. **代码规范**: - 命名约定:遵循一定的命名规则,提高代码可读性。 - 注释:添加必要的注释,方便后期维护。 #...

    类似yahoo雅虎首页弹出菜单 jquery 弹出菜单应用

    在网页设计和开发中,jQuery 是一个非常流行的 JavaScript 库,它简化了DOM操作、事件处理、动画制作以及Ajax交互。本示例关注的是“类似Yahoo雅虎首页弹出菜单”的jQuery实现,这是一种常见的用户体验增强功能,...

    jQuery动画二级下拉菜单代码.zip

    在二级下拉菜单的HTML结构中,通常会包含`<ul>`和`<li>`元素来组织菜单项,而子级菜单则会嵌套在父级菜单项之下。例如,一个基本的结构可能如下: ```html <li><a href="#">菜单项1 <li><a href="#">子菜单...

    基于JQuery的 移动端地址选择

    2. **JQuery的选择器和事件处理**:JQuery提供了丰富的选择器用于定位DOM元素,如`$("#id")`、`$(".class")`等,使得操作DOM变得简单。同时,`click`、`touchstart`、`touchend`等事件处理函数可以监听用户的触摸...

    js省市县3级下拉菜单联动代码

    具体而言,是利用JavaScript操作DOM元素来动态添加或修改下拉选项。 ### 二、关键代码分析 #### 2.1 `LianDong`构造函数定义 ```javascript function LianDong(arr, sel) { // ... } ``` - **参数解释**: - `...

    jQuery省市区三级联动.rar

    其中,子级数据的键与父级的ID对应。 3. **jQuery绑定事件**:使用jQuery的`$(document).ready()`函数确保在页面加载完成后执行以下操作: - 首先,根据初始数据填充省份下拉框。 - 然后,使用`$("#province")....

    经典下拉菜单栏

    下拉菜单的隐藏和显示效果可以通过嵌套`<ul>`来实现,初始状态下,子级`<ul>`可以设置为`display:none`,当鼠标悬停在父级`<li>`上时,再通过JavaScript改变其`display`属性为`block`,从而实现下拉效果。...

    渐变 下拉 菜单 特效

    jQuery是一个广泛使用的JavaScript库,简化了DOM操作、事件处理、动画和Ajax交互。在实现渐变下拉菜单特效时,jQuery的强大功能就派上了用场。以下是一些使用jQuery创建渐变下拉菜单的关键步骤: 1. **HTML结构**:...

    jQuery无限联动下拉框

    5. **DOM操作**:使用jQuery的`append()`、`html()`等方法动态创建和插入DOM元素,构建下级下拉框。根据从服务器获取的数据,创建新的`<option>`标签并添加到下拉框中。 6. **JSON数据格式**:通常,服务器返回的...

    找不到,写了一个多级4级下拉联动,分享

    这通常通过JavaScript或jQuery等客户端脚本语言实现,监听事件并动态修改DOM元素来完成。 在实现多级四层下拉联动时,有以下几个关键步骤: 1. **数据结构设计**:首先,你需要一个合适的数据结构来存储四级分类...

    无刷新二级联动

    通过监听DOM事件,我们可以动态修改HTML元素,从服务器获取JSON或XML数据,并更新二级列表。这种方式更加灵活,但需要编写更多的代码。 4. **Web Services或WCF**:在服务器端,我们需要一个服务接口来处理来自Ajax...

    jQuery实现的点击显示隐藏下拉菜单功能完整示例

    在页面加载完成后,使用jQuery的`$(function () {})`匿名函数来确保DOM已经完全加载。 ```html <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"> .nav1 > li > ul { display: none; } .nav1 ...

    ajax实现可配置无刷新级联下拉框

    服务器接收到请求后,根据传入的参数查询数据库,获取与之相关的子级数据。这里可能涉及到 SQL 查询,例如,根据 `region_id` 查询对应的 `city_list`。 例如,对于标签中的 "mysql_region.sql" 文件,可能是...

    多级垂直水平Checkbox选择

    1. **jQuery选择器**:jQuery的选择器是其强大功能的核心,允许开发者高效地选取DOM元素。在这个案例中,可能会用到`class`选择器(`.className`)、`id`选择器(`#idName`)以及`attribute`选择器(`[attr=value]`...

    jQuery制作的下拉选项菜单特效代码

    下拉菜单的基础HTML结构通常包含一个父级元素(如`<ul>`)和多个子级元素(如`<li>`)。每个子级元素可以包含一个主菜单项(如`<a>`标签)和一个下拉列表(可能是一个嵌套的`<ul>`)。例如: ```html <li><a ...

Global site tag (gtag.js) - Google Analytics