
1、比如我们要得到或者获取到这个div元素。
2、我们就可以这样做,使用$("div"),这就是直接通过元素名来获取,注意要加引号哦。
3、或者你可以给元素添加类,如图,我就加了一个bd类。
4、然后我们这样$("bd")也是可以得到div元素的哦,注意类名是需要一个点的哦。
5、此外,id也是一个不错的方法,不过id只能有一个,不能重名哦。
6、jQuery中id要加#号才会有效哦。
7、最后我就整理好jQuery一些比较常用的获取元素的方法。
如果相对div中间的内容处理的更佳完备,我建议用jquery来处理,简单举个例子:$("div")text(); 获取中间的文本,不包括html标签;$("div")html(); 获取中间的所有内容,$("div:first")html(); 获取第一个DIV中间的所有内容等等,是不是觉得比单纯的javascript脚本更完善呢?
<!DOCTYPE html><html><head>
<title></title>
<script type="text/javascript">
function getElements(){
var x=documentgetElementsByName("div"); for(var i=0;i<xlength; i++){
alert(x[i]innerHTML);
}
} </script></head><body>
<div id="1">1231</div>
<div id="2">qweq</div>
<div id="3">qw12</div>
<div id="4">as12</div>
<div id="5">zx12</div></body></html>12345678910111213141516171819202122
输出内容
1231
qweq
qw12
as12
zx12
jq可以直接使用$("div")获得所有div,但是如果要具体到一个div的话,需要给div一个标记,然后通过html就可以获取值了。
<div id="divId" class="divClass"> 内容 </div>/jq 代码 jq选择器/
$("#divId")html();
$("divClass")html();
<!--
修正一个信息:任何元素命名,都不可能是数字开头的,所以,你这里的id=1,id=2,id=3,这种写法是完全错误的!
-->
<html>
<head>
<style>
div{height:30px;width:100px;border:1px solid black;}
</style>
</head>
<body>
id2:<div id="id2">text2</div><br>
id4:<div id="id4">text4</div><br>
id6:<div id="id6">text6</div><br>
<script type="text/javascript">
function js(){
documentgetElementById("id1")innerHTML=documentgetElementById
("id2")innerHTML;
documentgetElementById("id3")innerHTML=documentgetElementById
("id4")innerHTML;
documentgetElementById("id5")innerHTML=documentgetElementById
("id6")innerHTML;
}
</script>
<input type="button" onclick="js()" value="请点击"><br>
id1:<div id="id1"></div><br>
id3:<div id="id3"></div><br>
id5:<div id="id5"></div><br>
</body>
</html>
以上就是关于Jquery如何获得div下的元素全部的内容,包括:Jquery如何获得div下的元素、怎么获取div标签之间的内容、如何获取div里的内容等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)