如何用Jquery获取某一个Div的Class或者ID

如何用Jquery获取某一个Div的Class或者ID,第1张

有一个Div,我想获取其ID或者Class值。

那么我可以先定位到这个DIV,然后采用attr方法来获取其值:

假如说:有一段Html代码:

[html] view plain copy

<div class="comment" id="22">

<div class="comment_detail" style="display: block; ">

<div class="comment_my"><textarea class="comment_text" style="height: 16px; "></textarea></div>

<div class="comment_text_bottom" style="display: none; ">

<div class="comment_emotion"><a href="javascript:void(0)" class="comment_emotion_button">表情</a>

<div class="comment_emotion_detail" style="display: none; ">

</div>

</div>

<div class="comment_publish"><input class="submit" type="submit" value="评论"></div>

</div>

</div>

<div class="comment_bar"><a href="javascript:void(0)" class="comment_click"></a></div>

</div>

如果我想从submit处定位,获取到comment处DIv的ID,那么我就可以这样办:

ID值为:

[javascript] view plain copy

$("submit")parent()parent()parent()parent()attr('id');

其值为:22;

CLASS值为:

[javascript] view plain copy

$("submit")parent()parent()parent()parent()attr('class')

其值为:comment;

你可以在后台写方法 然后页面的jquery调用后台的方法

比如

$("#divContent")html('<%=base你的方法%>');

可以看看参考这个看看

如下代码可以实现点击页面获得被点击元素的id

$(document)click(function(e) { // 在页面任意位置点击而触发此事件

  $(etarget)attr("id");       // etarget表示被点击的目标

})

示例代码如下

创建Html元素

<div class="box">

<span>点击页面后,设置被点击元素背景色并获取其id:</span><br>

<div class="content" id = "test">test

<div id = "test1">test1

<div id = "test2">test2

<div id = "test3">test3</div>

</div>

</div>

</div>

</div>

设置css样式

divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}

divbox span{color:#999;font-style:italic;}

divcontent{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}

divcontent div{min-width:20px;min-height:20px;padding:30px;border:1px solid #446699;background:#ffffff;}

bg{background:#ff99cc !important;}

编写jquery代码

$(function(){

$(document)click(function (e) {

$(etarget)addClass('bg');     // 设置背景色

alert($(etarget)attr('id'));  // 获取id

})

})

观察效果

初始状态

点击id为test2的div

jQuery

获取

div

之间的内容,有两种方法,$(selector)text()、$(selector)html()

html:

test

$("div")text()

得到的是

test,是

div

的纯文本,会自动忽略

html

标签

$("div")html()

得到的是

test

,是

div

的所有内容,包括

html

标签,它有个好处是可以将

得到的标签与文字

直接再利用,比如添加到页面其他地方之类的 *** 作

jquery获取classname的方法。

如下参考:

1.首先,打开桌面上的jquery图标,打开软件,创建一个新的HTML文档,并指定元素的ID。

2.编写JS脚本,根据ID选择元素,如下图所示。

3.使用.val()方法获取被选元百素的value值,如下图。

4.以d出窗口的形式显示得到的输入值。

5.保存文件并在浏览器中查看结果。

以上就是关于如何用Jquery获取某一个Div的Class或者ID全部的内容,包括:如何用Jquery获取某一个Div的Class或者ID、jquery获取到数据库中的数据,然后动态的将数据加到div中,如何对div中的数据使用jquery事件、jQuery如何实现点击页面获得当前点击元素的id或其他信息等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9747504.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存