jQuery 获取 div 之间的内容，有两种方法，$(selector)text()、$(selector)html() 。
html：
<div>
<p>test</p>
</div>
$("div")text() 得到的是 test，是 div 的纯文本，会自动忽略 html 标签 。
$("div")html() 得到的是 <p>test</p>，是 div 的所有内容，包括 html 标签，它有个好处是可以将 得到的标签与文字 直接再利用，比如添加到页面其他地方之类的 *** 作 。
给这个div加一个id，然后用$('#你写的id')text()或者$('#你写的id')html()，后者如果div中有html代码可以得到这个div中的html，但text得不到，如果是表单控件直接可以用$('#那个控件id')val()来获取
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>show</title>
<style type="text/css">
div {
float: left;
width: 100px;
height: 80px;
border: 1px solid #0ff;
margin-right: 5px;
display:block;
}
</style>
<!--$("btn")是找到class="btn"的信息，直接each循环出div，里面的children()，里面的item，就是你想要的子元素了，（深圳网站建设:=">
jquery提供了三个获得内容的方法： text()、html() 以及 val()，其中前两个可用于解决本问题：
$("label#userid")text(); // 首选，获取label的文本$("label#userid")html(); // 也可以实现，获取label标签内的所有html标记，一般情况改下label标签内就是文本，所以等效上面的方法
下面给出实例演示：分别使用以上两种方法获取label标签的内容，注意最终结果的区别
创建Html元素
<div class="box"><span>点击按钮获取label中内容：</span><br>
<div class="content">
<label id="userid">输入用户名</label><input type="text">
</div>
<input type="button" value="获取label中的内容">
</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;}
h3{display:inline-block;}
input[type='button']{height:30px;margin:10px;padding:5px 10px;}
编写jquery代码
$(function(){$("input:buttonbtn1")click(function() {
alert($("label#userid")text());
});
$("input:buttonbtn2")click(function() {
alert($("label#userid")html());
});
})
观察效果
使用text()方法获取标签内的内容
使用html()方法会获取到标签内的元素（包含Html标记）
以上就是关于jquery 截取DIV中的部分内容全部的内容，包括:jquery 截取DIV中的部分内容、JQuery 如何获得这个div中的值<DIV style="TEXT-ALIGN: center; WIDTH: 60px">sdfsdfds</DIV></TD>、jQuery怎么获取一个DIV下所有元素的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）