jquery如何动态获取div的id

// 找最新的父元素tr

// 再找第一个div

// 获取id

$('#1875')closest('tr')find('div:eq(0)')attr('id')

1、新建一个html文件，命名为testhtml。

2、在testhtml文件内，使用div标签创建一行文字，文字内容为“这是测试的文字内容”。

3、在testhtml文件内，设置div的id属性为abc，用于下面通过该id获得div对象。

4、在testhtml文件内，使用button标签创建一个按钮，按钮名称为“获取div里面的值”。

5、在testhtml文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行getdivc（）函数。

6、在js标签中，创建getdivc()函数，在函数内，通过id(abc)获得div对象，使用text()方法获得div内的值，并使用alert()方法将值输出。

7、在浏览器中打开testhtml文件，点击按钮，查看结果。

刚刚翻看CSS 30 api 时发现，p[title^="val"] {color:#FF0000;}有一个这种选择器是匹配 P标签的TITLE的元素的开头字符串，然后拿到JQUERY中试了一下，发现竟然可以。

主要代码就是$("tr[id^='myte']")css("background-color","#B2E400");

意思是 匹配id以myte开头的tr,结果我所有的id以myte开头的tr颜色都被改变了，你可以试一试。JQUERY的好处是可以尽量的不使用循环，后来我想如果不确定是哪种标签怎么办，于是我把TR给去掉了，是可以的，甚至我把TR换成了$也是可以的，也就变成了

$("[id^='myte']")css("background-color","#B2E400"); 在页面中加了几个DIV，结果div和TR的的背景色都是可以改变的。

不过JQUERY里有mouseenter 和mouseleave这两个事件吗？

下面的代码你试试看，看行不行：

$(document)ready(function(){

$("[id^='sel']")mouseout(function(){ //鼠标离开

$("child_menus")hide("slow");

}

);

$("[id^='sel0']")mouseover(function(){ //鼠标悬停

$("child_menus")show("slow"); //是class选择器。

}

); });

我试过了，是可以的。

不得不说JQUERY的选择器真的是比较的强大啊。

打字不易，如满意，望采纳。

如果是div id=“a”和里面的input 是动态生成的，你的点击事件有问题，动态元素不能这样绑定事件

//给input绑定点击事件

$(document)on('click','input[type="radio"]',function(){

var _this = $(this);获取当前点击的input，

_thisprop("checked",true);//给当前设置选中状态

});

这样地div id="a"里面生成再多的input都可以绑定事件

为什么非要ID呢，class不是更好吗？要知道，ID一般为唯一性质的

<div class="btn">

<a class="ReplyBtn" data-id="{$aaaid}">回复</a>

</div>

$("btn")on("click","aReplyBtn",function(){

var id=$(this)attr("data-id");

alert(id);

});

区别不同就在ID上，回复不同的内容对应ID

使用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

以上就是关于jquery如何动态获取div的id全部的内容，包括:jquery如何动态获取div的id、jquery怎样获得所有div的id值，有多个div。用$("div").attr(id)只能获得一个div的id值、jq获取id变量问题等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！