如何通过js获取div中的对象，没有ID，只有class【javascript吧】_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：163,028贴子：
如何通过js获取div中的对象，没有ID，只有class收藏
刚刚初学，哪位大大能教教我所知道的：var div=document.getElementsByClassName('class名')这个方法好像不太行得通，楼下贴上我的代码，就是那样的，可是获取不了var div=document.getElementsByTagName('class名')[0]通过第n个标签获取，缺点就是一个html内有上千个class，要慢慢找
&!doctype html&&html&&head&&meta charset=&utf-8&&&p id='encourage_entry' align='center'&我就是想把你隐藏起来&/p&&p id ='balv_mod' align=&center&&我也要把你藏起来&&/p&&div class=&abc& align=&center&&怎么隐藏不了呢&/div&&/head&&body&&script&var div=document.getElementsByClassName('abc')var x=document.getElementById('encourage_entry');var y=document.getElementById('balv_mod')window.onload = hide() ;function hide(){x.style.display = 'none';y.style.display = 'none';div.style.display = 'none';}&/script&&/body&&/html&
class不是惟一的，所以getElementsByClassName得到的是一个类似数组的对象，不是div。跟你后面写的一样，加个[0]就行了。
楼上正解，而且getElementsByClassName这个不兼容噢，得经过处理
获取className的话你可以试试这个function getClass(parent,sClass){var aEle=parent.getElementsByTagName(***);var aResult=[]
var i=0;for(i&0;i&aEle.i++)
{if(aEle[i].className==sClass){
aResult.push(aEle[i])}};return aResult}
登录百度帐号日常搜集,解燃眉之急
如何用Jquery获取某一个Div的Class或者ID
有一个Div，我想获取其ID或者Class值。
那么我可以先定位到这个DIV,然后采用attr方法来获取其值：
假如说：有一段Html代码：
&div class="comment" id="22"&
&div class="comment_detail" style="display: "&
&div class="comment_my"&&textarea class="comment_text" style="height: 16 "&&/textarea&&/div&
&div class="comment_text_bottom" style="display: "&
&div class="comment_emotion"&&a href="javascript:void(0)" class="comment_emotion_button"&表情&/a&
&div class="comment_emotion_detail" style="display: "&
&div class="comment_publish"&&input class="submit" type="submit"
value="评论"&&/div&
&div class="comment_bar"&&a href="javascript:void(0)" class="comment_click"&&/a&&/div&
如果我想从submit处定位，获取到comment处DIv的ID，那么我就可以这样办：
ID值为：$(".submit").parent().parent().parent().parent().attr('id');
其值为：22;
CLASS值为：
$(".submit").parent().parent().parent().parent().attr('class')其值为：
Jquery选择器：通过class名获取ID
jQuery选择器ID、CLASS、标签获取对象值、属性、设置css样式
jQuery和js获取同一个class的所有的值
JQuery 获取相同class长度
怎么使用jquery判断一个元素是否含有一个指定的类（class）
jQuery 选择器 模糊匹配一
JS中利用jquery 获得class 进行判断 for循环和each两种方法
js和jquery通过class遍历
jQuery根据ID、CLASS、等获取对象
Jquery同时设置多个css的值
没有更多推荐了，posts - 25,&
comments - 0,&
trackbacks - 0
1、在VS中新建jq项目：
　　新建web窗体时选择第二个：
　　将系统生成的多余文件夹删掉，仅留下Scripts和Web.config：
　　将Scripts文件夹改名为我们熟悉的js（也可以不改，仅推荐改），并新建文件夹css和image，并在对应位置添加页面，html、css、js
　　将上图鼠标所指的.min.js文件拖动到html中，将自己新建的js文件拖动到它下方，如图：
　　*两者上下位置关系千万别弄饭了，min.js一定要在最上面。
　　将Script文件夹中的第一个js文件（_references.js），拖动到自己新建的js文件里的最上面，如图：
　　*此步骤作用：让jq显示智能提示，方便写代码。
　　完成以上步骤，即可开始正常程序编写。
2、jq选择器写法（与js写法的区别）：
　　【例】对按钮声明一个事件，点击后弹出&aaaa&：
　　js写法：
　　　　html中：
　　　　　　&input type=&button& value=&我是一个按钮& onclick=&A()& /&　　　　//出现一个点击事件A()
　　　　js中：　　
function A()　　　　　　　　//声明事件A()的作用
&&&&&&& alert(&aaaa&);　　　　 //弹出框，显示aaaa
　　jq写法：
　　　　html中：
　　　　　　&input type=&button& value=&我是一个按钮& id=&btn& /&　　　　　　//设置一个id选择器，名字为btn
　　　　js中：　　
$(function(){　　　　　　　　　　　　　//对页面进行加载，加载完后执行jq（要用jq就需要先写这句话，这是固定语句，内部写的才是jq内容）
　　$(&#btn&).click(function(){　　　　 //查找到id选择器btn，对它执行一个点击click事件，事件用function声明一下，内容为：
& & &　　Alert(&aaaa&);　　　　　　　　　///弹出框，显示aaaa
　　*相当于js是将整个事情分散到html和js中来写，只能用这么一次；jq是类似css那样设置一个选择器，然后对选择器进行事件设置，可以用很多次。
　　总结：
　　1）Js和jq可以互相转换。
　　2）jq执行过程分为下面5个步骤：
a、 对页面进行加载：$(function(){ &});
b、 找到对象，如id标签：$(&#btn&)
c、 执行对象相应事件：click();
d、 声明事件：function(){ &}
e、 执行事件内容：alert（）;
&　　3）优先级问题：当css和jq中同时设置了样式时，遵循就近原则，此时的jq写法，类似于在html标签内加一个style样式来写，所以优先jq。
3、id选择器：$(&#btn&)
　　类似css那样，先在html中声明一个id选择器：id=&btn&，然后在js页面中查找到此id选择器：$(&#btn&)，再对它进行事件操作。
4、class类选择器：$(&.btn&)
　　先在html中声明一个class选择器：class=&btn&，然后在js页面中查找到此id选择器：$(&.btn&)，再对它进行事件操作。
5、标签选择器：$(&tr&)
　　根据html中已写出的标签，如tr、td等，在js页面中查找到此标签选择器：$(&tr&)，对它进行事件操作。
6、奇偶选择器：odd（偶）、even（奇）
　　$(&tr:odd&)， 选择所有位于偶数行的& tr &标记
　　$(&tr:even&)&，选择所有位于奇数行的& tr &标记
　　【例】隔行换色表格：
$(function(){　　　　　　　　　　　　　
$(&tr:odd&).css(&background&,&#f8f3d2&);　　　　//偶数行的背景颜色为#f8f3d2
$(&tr:even&).css(&background&,&#ffcdcd&);　　　　//奇数行的背景颜色为#ffcdcd
6、eq(n)选择器：$("X:eq(n)")
　　对X标签的第n+1个X标签进行选择，也可以写作$(&X&).eq(n)。
　　如：$(&tr&).eq(2)，是指第三行。　
7、nth-child(n)选择器：$(&X:nth-child(n)&)&
　　对X标签的第n个X标签进行选择。
　　如：$(&td:nth-child(3)&) ，是指第3列；　　$(&li:nth-child(4)&)，就是第4个li标签。
【补充】eq(n)与nth-child(n)区别：
　　eq(n)：对全部X标签不分父级子级依次排序下来的第n+1个X标签进行选择，整体页面只选中一个X标签。
　　nth-child(n)：对全部X标签会分父级、子级、孙级，每个级别依次排列出第n个标签，将它们全部挑选出来，可选中多个标签。
　　详细可见：
8、子元素选择器：$(&li&a&)
　　$(&li&a&)，返回&li&标记的所有子元素&a&,但不包括孙标记。
　　【例】查找li下的所有子标签a，文字颜色为红色：
&&&&&&& &li&
&&&&&&&&&&&&&& &a href=&#&&XXXX&/a&
&&&&&&&&&&&&&& &div&&a href=&#&&YYYY&/a&&/div&
&&&&&&&&&&&&&& &a href=&#&&XXXX&/a&
　　　　　&&a href=&#&&XXXX&/a&
　　&&/li&
$(&li&a&).css(&color&,&red&);
效果：仅XXXX为红色，YYYY不变，因为YYYY对于li是孙标签（li&div&a）。
9、功能函数前缀：
　　$.trim(s); 去掉s字符串的前后空格。
　　【例】去掉字符串中间空格：（把字符串变成字符数组，然后把空格替换成无）
var s="das& das";
var aChar=s.split("");　　　　　　　&　//将字符串变为字符数组
for(var i=0; i&aChar.i++)
&&&&&&&&&&&&& if(aChar[i]==" ")　　　　　　//当遇到某个字符是空格时
&&&&&&&&&&&&& {
&&&&&&&&&&&&&&&&&&&& s=s.replace(" ","");　　//将此空格替换成无（从空格替换到连空格都不是）
&&&&&&&&&&&&& }
alert(s);　　　　　　　　　　　　　　　//打印s
10、属性选择器：
　　$(&某标签[某属性]&)：选出带有某种属性的某标签。如：
　　1）$("a[target]")　　　　　 &选出带有target属性的a标签；
　　2）$(&a[href=&b.html&]&)　　&选出带有href=&b.html&属性的a标签；
　　3）$(&a[href^=http://]&)　 &选出以http://开头的a标签；
　　4）$(&a[href$=html]&)　　 &&选出以html结尾的a标签
　　5）$(&a[href*=bbb]&)　　 & &选出含有bbb的a标签
11、包含选择器
　　$(&某标签:has(某属性)&)：选出包含某属性的所有某标签。如：$(&li:has(a)&) 包含超链接的所有li标记
12、位置选择器
　　$(&某标签:某位置&) ：选出某特定位置的某标签。如：
1）$(&p:first&) 选择页面中的第一个p标签
2）$(&p:last&) 选择页面中的最后一个p标签
3）$(&p:first-child&)& 选择所有的p标记，且这些p标记是其父标记的第一个标记。
4）$(&p:last-child&)& 选择所有的p标记，且这些p标记是其父标记的最后一个标记。
5）$(&p:nth-child(odd)&).addClass(&myClass&) 选择所有的p标记，且这些p标记是其父标记的偶数行。
6）$(&p:odd&).addClass(&myClass&) 整个页面的偶数行p标记
7）$(&p:eq(4)&).addClass(&myClass&) 第五个p标记
8）$(&p:gt(n)&).addClass(&myClass&) 第n个（从0开始，不包括n本身）p标记之后的所有p标记，也就是从第n+2个标记开始算，如$(&p:gt(2)&)就是从第四个p开始。
13、过滤选择器
　　*备注：$(":file") 等价于$(&input[type=file]&)
$(&:button&)
$(&:checkbox&)
所有复选框,等同于$(&input[type=&checkbox&]&)
$("div:contains(' foo ')")
所有包含了文本&foo&的元素
$(&:disable&)
所有被禁用的元素（此写法有问题，代替写法：$("input[disabled=disabled]").attr("value", "aaa");）
$(&:enable&)
所有没有被禁用的元素
$(&:file&)
所有上传文件
$(&:input&)
所有表单元素
$(&:selected&)
所有下拉菜单中被选中的项
$(&:visible&)
所有可见的元素
$(&:submit&)
所有提交按钮
14、反向过滤器：
　　$(&标签:not(:某属性)&)：选出所有不具备某属性的某标签。
　　意思为：过滤掉所有含有&某属性&的标签，留下其它不具备该属性的标签。
　　如：$(&a:not(:target)&),意思就是选出所有没写target的a标签。
阅读(...) 评论()jquery如何获取id的名称
[问题点数：10分，结帖人macleo]
本版专家分：140
结帖率 100%
CSDN今日推荐
本版专家分：2262
本版专家分：140
本版专家分：22
本版专家分：12
本版专家分：8868
本版专家分：11960
本版专家分：89
本版专家分：140
本版专家分：0
本版专家分：46
匿名用户不能发表回复！|
其他相关推荐在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
js 或 jq 怎么去掉字符串里面特定的class元素
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
把字符串append到一个dom元素上比如&div id="fliter-box"&&/div&$("#fliter-box").append(str);在改元素下找到 要删除的特定的class 并删除：$("#fliter-box").find(".ql-cursor").remove();再把 dom里的所有字符获取，并返回。var str = $("#fliter-box").text();
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
原生javascript实现
// 创建一个div元素
let div = document.createElement('div');
div.classList.add('header');
div.classList.remove('header');
同步到新浪微博
分享到微博？
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：
在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。}