jq 点击获取上层元素的id的值

1、查找子元素方式1：>例如：varaNods=$("ul>a");查找ul下的所有a标签2、查找子元素方式2：children()3、查找子元素方式3：find()通过下标获取第n个子标签的ID值1var num1=$("ul > a:eq(0)")attr("ID");2var num2=$("ul")children("a:eq(0)")attr("ID");3var num3=$("ul")find("a:eq(0)")attr("ID");

首先，要用jquery获取到这个元素，用attr方法可以输出这个元素的标签属性。例如：

<div id='id1' class='class2'></div>

$('#id1') 获取到这个元素，有很多种获取元素方法，可参考jquery的文档。

$('#id1')attr('id')，就是获取到ID

$('#id1')attr('class')，就是获取到整个的class样式，多个样式可以自行用空格split一下。

$('#id')siblings()

当前元素所有的兄弟节点

$('#id')prev()

当前元素前一个兄弟节点

$('#id')prevaall()

当前元素之前所有的兄弟节点

$('#id')next()

当前元素之后第一个兄弟节点

$('#id')nextall()

当前元素之后所有的兄弟节点

这三个方法都可以添加选择器，给出选择条件，就能找到你指定的兄弟节点了。

使用Jquery获取某个div时需要这样写：$("#" + 所定义的id变量名)代码如下黑体加粗部分：

<div id="{{hospitalid + 'hospital'}}" class="z_tl z_t2 clearfix z_poaR"

ng-click="openDoctorList(hospitalid,hospitalname)">

$scopeopenDoctorList = function (id,hospitalName) {

$scopeuniqueHospitalId = id;

var hospitalId = id + "hospital";

if($scopecacheHospitalId != id){

  $("#"+hospitalId)attr("class","z_tl clearfix z_poaR");

}

if($scopecacheHospitalId == id){

$("#"+hospitalId)attr("class","z_tl z_t2 clearfix z_poaR");

$scopedoctorList = null;

}

$scopecacheHospitalId = id;

}

扩展资料：

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 60+、FF 15+、Safari 20+、Opera 90+等。

参考资料：

Jquery官方API -ID Selector (“#id”)

JQuery官方API接口-attr()

百度百科-JQuery

以上就是关于jq 点击获取上层元素的id的值全部的内容，包括:jq 点击获取上层元素的id的值、如何用Jquery获取某一个Div的Class或者ID、jquery如何获取某一个兄弟节点等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！