首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

jQuery:获取父,父ID?

问题:jQuery:获取父,父ID?

答案

在jQuery中,要获取父元素和父元素的ID,可以使用以下方法:

  1. 使用 parent() 函数:通过 parent() 函数,可以获取当前元素的直接父元素。例如:
代码语言:javascript
复制
var parent = $(this).parent();
  1. 使用 parents() 函数:通过 parents() 函数,可以获取包含当前元素的所有祖先元素。例如:
代码语言:javascript
复制
var parents = $(this).parents();
  1. 使用 parent() 函数和 attr() 函数:通过 parent() 函数获取当前元素的直接父元素,然后使用 attr() 函数获取该元素的 id 属性值。例如:
代码语言:javascript
复制
var parentId = $(this).parent().attr('id');
  1. 使用 parents() 函数和 attr() 函数:通过 parents() 函数获取包含当前元素的所有祖先元素,然后使用 attr() 函数获取该元素的 id 属性值。例如:
代码语言:javascript
复制
var parentId = $(this).parents().attr('id');

以上方法都可以用来获取父元素和父元素的ID。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • ORACLE:根据id查询所有子孙数据,或者根据子id查询所有数据(start with connect by prior)

    . ---> 最常见的例子就是省市区一体表,就是通过id、pid、level来进行控制,从而一张表来存储数据.我们进行拿数据的时候,不用再连表拿取,直接通过(start with connect by...二、准备省市区表: CREATE TABLE REGION ( "ID" NUMBER NOT NULL, "name" VARCHAR2(200 BYTE), "PID" NUMBER,...查询所有的子数据 需求:我输入山东省的id,会把山东省及下面的市区都查询出来 select * from REGION start with id = 2 connect by prior id =...pid -- prior 右边是子级id,就往子级的方向查询 ORDER BY id; 结果展示 四、根据id查询所有的数据 需求:我输入黄岛区的id,会把黄岛区及其所在的市省国查询出来 select...* from REGION start with id = 8 connect by prior pid = id -- prior 右边是id,就往级的方向查询 ORDER BY id; 结果展示

    2.5K10

    vue组件调用子组件属性_vue子组件获取组件实例

    在vue2中,子组件调用组件,直接使用this.$emit()即可。 但是在vue3中,很显然使用this.$emit() 已经开始报错了,为什么会报错呢?...那么我们在vue3中,子组件该如何调用组件的函数呢? 方法一: 首先写一个 Child.vue,重点在 setup 函数中引入 context 形参,配合 emit 使用。...定义了两个函数,toFatherNum(), toFatherObject() 分别向组件传递数字和对象 子传数字... 方法二: 1.在子组件里引入useContext import { useContext } from "vue"; 2.获取上下文...const ctx = useContext(); 3.在需要调用组件的地方写上下面的代码进行调用 ctx.emit(‘fatherMethod’); //fatherMethod 是想要调用组件的一个方法

    2K20

    vue组件操作子组件的方法_vue组件获取子组件数据

    >world 父子组件通信-传子 当我们创建了组件和子组件,如果子组件也想获取组件上相同的数据,一种方法是像后台发送接口获取数据,但是这样会给服务器造成压力...,所以我们有了第二种方法,通过props属性来获取组件的数据 <template id...,又定义了子组件test1,此时子组件test1想获取组件data中的数据来展示在页面上,就需要写入props属性,这里绑定了变量cmovies,最后我们在html中使用子组件test1时,想传入组件...num1和num2的值,这时就需要反向绑定通过子传,下面是完整的代码 <cpn :number1="num1" :number2="num2" @num1change...当我们组件中需要使用子组件中的函数或者属性值,我们可以使用$refs,它返回的类型是Object,先看如下代码 <button

    7K10

    JS和JQuery获取当前元素的兄弟及级等元素的方法

    jQuery获取jQuery.parent(expr),找父亲节点,可以传入 expr 进行过滤,比如 $("span").parent() 或者 $("span").parent(".class"...) jQuery.parents(expr),类似于 jQuery.parents(expr) ,但是是查找所有祖先元素,不限于元素 jQuery.children(expr),返回所有子节点,这个方法只会返回直接的孩子节点...s.previousSibling;  //得到s的上一个兄弟节点 var fc=s.firstChild;   //获得s的第一个子节点 var lc=s.lastChild;   //获得s的最后一个子节点 JS获取节点级...,子级元素:JS的方法会比JQUERY麻烦很多,主要则是因为FF、谷歌浏览器会把你的换行也当作DOM元素:空的text元素,目前IE也是这样   ...   原生的JS获取ID为test的元素下的子元素。

    12.6K10

    js|jq获取兄弟节点,节点,子节点

    08.19自我总结 js|jq获取兄弟节点,节点,子节点 一.js var parent = test.parentNode; // 节点 var chils = test.childNodes;...test.previousSibling; // 上一个兄弟节点 var next = test.nextSibling; // 下一个兄弟节点 var parent = test.parentElement; // 节点元素...previous = test.previousElementSibling; // 上一个兄弟节点元素 var next = test.nextElementSibling; // 下一个兄弟节点元素 注意操作来控制子必须给子元素赋予一个变量...二.jq $("#test1").parent(); // 节点 $("#test1").parents(); // 全部节点 $("#test1").parents(".mui-content"...siblings(); // 所有兄弟节点 $("#test1").siblings("#test2"); $("#test").find("#test1"); #元素筛选 // 以下方法都返回一个新的jQuery

    15.1K10
    领券