Jquery如何获得div下的元素

Jquery如何获得div下的元素,第1张

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里的内容等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://www.54852.com/web/9712624.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存