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文件，点击按钮，查看结果。
$("div")index(this)text();改成$(this)text();即可。不过你的div宽度是100%，从下往上移4会挡住其他的，除非你把浏览器缩小，从左边移进去。 修改建议，加个id为tips的div，然后将index的值放进去，这样移动的时候它就会自动变换，看起来明显些。如下：\x0d\\x0d\asasas\x0d\2\x0d\3\x0d\4\x0d\\x0d\$(function(){\x0d\$("div")hover(function(){\x0d\ var index=$(this)text(); \x0d\ $("#tips")html(index);\x0d\ })\x0d\}) \x0d\回答于 2022-11-16
jQuery 获取 div 之间的内容，有两种方法，$(selector)text()、$(selector)html() 。
html：
<div>
<p>test</p>
</div>
$("div")text() 得到的是 test，是 div 的纯文本，会自动忽略 html 标签 。
$("div")html() 得到的是 <p>test</p>，是 div 的所有内容，包括 html 标签，它有个好处是可以将 得到的标签与文字 直接再利用，比如添加到页面其他地方之类的 *** 作 。
jQuery的元素选择器可以根据class选择元素。例如，获取class='aaa'的DIV元素的代码为：$("divaaa")
。下面提供一个具体的示例，HTML结构如下：
<div
id='a'><div
class='aaa'></div></div>
<div
id='b'><div
class='aaa'></div></div>
<div
id='c'><div
class='aaa'></div></div>
1、获取id为b的div下的aaa类元素
$("divaaa")获取的是所有的aaa类，如果限定为b元素下的aaa类，可以配合后代选择器使用，代码为：$("div#b
divaaa")
2、获取id为a或者c的div下的aaa类元素
如果需要获取多个不同类型的对象，可以使用逗号（,）分隔，所以相应代码为：
$("#a
aaa,
#c
aaa")
// 找最新的父元素tr
// 再找第一个div
// 获取id
$('#1875')closest('tr')find('div:eq(0)')attr('id')
参考下面代码
<div id="a" class="sssss"></div>
var divid = $("#a")attr("id");
var divClass = #("#a")attr("class");
如果有多个DIV要获取：
var ids=[],arrClass=[];
$("div")each(function(){
idspush($(this)attr("id"));
arrClasspush(#(this)attr("class"));
});
alert("ids:"+idsjoin(","));
alert("class:"+arrClassjoin(","));
div是没有value属性的，但是我们可以给它加上去也是可以获得的，在这里value只是一个自定义参数。
html代码
<div class="store" value="tanyu"></div>
jq代码
$(function(){
$("store")click(function(){
alert($(this)attr('value'));
});
});
可以使用jQuery的children方法来获取某个元素下的所有子元素。
工具原料：编辑器、浏览器
1、使用children方法可以获得选择器下的所有子元素，代码实例如下：
<!DOCTYPE html><html>
<head>
<script type="text/javascript" src="/jquery/jqueryjs"></script>
<style>
body { font-size:16px; font-weight:bolder; }
p { margin:5px 0; }
</style>
</head>
<body>
<div>
<span>Hello</span>
<p class="selected">Hello Again</p>
<div class="selected">And Again</div>
<p>And One Last Time</p>
</div>
<script>$("div")children("selected")css("color", "blue");</script>
</body>
</html>
2、运行的结果是找到类名为 "selected" 的所有 div 的子元素，并将其设置为蓝色，结果如下：
以上就是关于jquery怎样获得所有div的id值，有多个div。用$("div").attr(id)只能获得一个div的id值全部的内容，包括:jquery怎样获得所有div的id值，有多个div。用$("div").attr(id)只能获得一个div的id值、jquery怎么获取DIV里面的值、jquery 截取DIV中的部分内容等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）