jquery获取<div></div>之间的内容.text() 和 .html()区别

jQuery 获取 div 之间的内容,有两种方法,$(selector).text()、$(selector).html() 。

html:

<div>
<p>test</p>
</div>

$("div").text() 得到的是 test,是 div 的纯文本,会自动忽略 html 标签 。

$("div").html() 得到的是 <p>test</p>,是 div 的所有内容,包括 html 标签,它有个好处是可以将 得到的标签与文字 直接再利用,比如添加到页面其他地方之类的操作 。

原文地址:https://www.cnblogs.com/code1992/p/8722861.html

时间: 2024-07-31 13:40:54

jquery获取<div></div>之间的内容.text() 和 .html()区别的相关文章

Jquery取得iframe中元素的几种方法Javascript Jquery获取Iframe的元素、内容或者ID

query取得iframe中元素的几种方法 在iframe子页面获取父页面元素代码如下: $('#objId', parent.document);// 搞定... 在父页面 获取iframe子页面的元素代码如下: $("#objid",document.frames('iframename').document) 显示iframe中body元素的内容. $(document.getElementById('iframeId').contentWindow.document.body)

jQuery 获取对象 根据属性、内容匹配, 还有表单元素匹配

指定元素中包含 id 属性的, 如: $("span[id]") 代码如下: <span id="span1" name="S1">AAA</span><br/> <span id="span2" name="S2">BBB</span><br/> <span name="Sx3">CCC</spa

jquery获取某个div下相同特性的所有对象对循环对其操作

$(function () { var i = 1; $("div .DataPartFull").each(function (index, element) { var indexid = $element).find("input[type='hidden']").eq(0).val(); var setype = $(element).find("input[type='hidden']").eq(1).val();//折线图 or 柱状

jquery获取form表单中的内容,并将表单内容更新到datagrid的一行

1 //执行不刷新页面更新所修改的行 2 var arr = $('#patient_form').serializeArray();//将表单中的数据格式化成数组 3 var m = new Array(); 4 //取数组中各个输入框对象的值,放在数组m中 5 $.each(arr, function(i,val){ 6 m[val.name] = val.value; 7 }); 8 //更新行 9 $('#dgRequest').datagrid('updateRow',{ 10 ind

offsetWidth、clientWidth、width、scrollWidth区别及js与jQuery获取的方式

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>offsetWidth.clientWidth.width.scrollWidth区别及js与jQuery获取的方式</title> <script type="text/javascript" src="jquery.min.js"></

JavaScript和JQuery获取DIV的值

1.设计源码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="C

jQuery -&gt; 获取/设置HTML或TEXT内容

jQuery提供了两个API可以直接用来为元素添加内容. html() text() 其中html()是为指定的元素添加html内容 text()是为指定的元素添加文本内容 两者的区别在于,text中的内容是纯文本,不会被解析为html 如果要对如下html代码进行操作 <body> <p></p> </body> 使用html() $('p').html('<strong>Hello World</strong>, I am a &

jquery获取div宽度与高度

jquery里面获取div区块的宽度与高度. 获取宽度 $('div').width();     获取:区块的本身宽度 $('div').outerWidth();     获取:区块的宽度+padding宽度+border宽度 $('div').outerWidth(true);    获取:区块的宽度+padding宽度+border宽度+margin的宽度 获取高度 $('div').height();     获取:区块的本身高度 $('div').outerHeight();    

js动态加载div显示主菜单和子菜单+jquery获取动态id

最近在做项目重构的主界面工作中,需要动态显示主菜单以及子菜单(各个界面的链接),查看原来老系统采用的是asp控件,但是重构的时候采用mvc框架,而且这些菜单并不是死的,而是通过其他界面来配置的,主菜单和子菜单都是数据库查询显示.因此,就想到了动态的拼接div来实现效果. 要实现的效果图 实现步骤: 第一步,查询主菜单名称 第二步,查询具体界面名称 第三步,更具菜单ID实现主菜单和子菜单的匹配 实现思路: 每个主菜单一个div,主菜单下的子菜单为一个整体的div,每个具体子菜单为li. 代码实现: