jquery如何获取标签本生的文本内容,不获取本身子级元素及子级元素的内容

代码如下html:

<div>
    <p>内容<span>我不获取的内容</span>内容</p>
</div>
js:

var content = $("div p").text();
var content = $("div p").html();

实现效果:以上两种方法text(),html()都要把span标签内的文本获取出来,而现在我想获取p标签下的“内容”,不包括p标签下的span标签下的内容,即 我需要让content = "内容内容"、而不是content = "内容<span>我不获取的内容</span>内容内容",也不是content = "内容我不获取的内容内容内容"

实现方法:

一:

var obj = $("div").children("p").clone();
obj.find(‘:nth-child(n)‘).remove();
console.log(obj.html());

二:

var str = $(‘div p‘).contents().filter(function (index, content) {
    return content.nodeType === 3;
}).text();

  

时间: 2024-10-12 19:12:31

jquery如何获取标签本生的文本内容,不获取本身子级元素及子级元素的内容的相关文章

js和jquery获取父级元素、子级元素、兄弟元素的方法(转)

先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比 JS的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当最DOM元素 原生的JS获取ID为test的元素下的子元素.可以用: 比如: <div id="dom"> <div></div> <div></div> <div></div> </div> var a = docu

jquery获取父级元素和子级元素

    <script type="text/javascript">  function show(x){     var y=$(x);//转换成jquery对象     //查找父元素    alert( y.parent().attr("name"));     alert( y.parent().attr("id"));     //查找祖先,是个集合 不包括自身     alert(y.parents("tr&q

js和jquery获取父级元素、子级元素、兄弟元素的方法

最近工作中总遇到取各种父啊子啊兄弟姐妹啊,每次都得查,这次整理个全乎的~ [js的获取方式] function dom(){      var a = document.getElementByIdx_x_x("dom"); var b = a.childNodes;      获取a的全部子节点      var c = a.parentNode;     获取a的父节点      var d = a.nextSbiling;     获取a的下一个兄弟节点      var e =

jquery获取父级元素、子级元素、兄弟元素的方法

jQuery.parent(expr) 找父亲节点,可以传入expr进行过滤,比如$("span").parent()或者$("span").parent(".class") jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素,不限于父元素 jQuery.children(expr).返回所有子节点,这个方法只会返回直接的孩子节点,不会返回所有的子孙节点 jQuery.contents

获取标签中的内容

1.元素.innerText        js设置或获取标签中的文本 var box=document.getElementById('box') box.innerText='四大皆空' var box=document.getElementById('box') console.log(box.innerText ) 2.元素.innerHTML     js设置或获取标签中的内容(包括 HTML 标记) var box=document.getElementById('box') box

jQuery获取select选择的文本与值

l链接地址:http://m.blog.csdn.net/article/details?id=44154571 jquery获取select选择的文本与值获取select :获取select 选中的 text :    $("#ddlregtype").find("option:selected").text(); 获取select选中的 value:    $("#ddlregtype ").val(); 获取select选中的索引:    

jquery获取标签内容,编辑内容

一.获取页面元素 三种方式获取页面中元素的内容. input标签使用:.val()获取 标签下的html及文本内容:.html() 仅获取标签下的纯文本内容:.text() <head> <script type="text/javascript"> $(function(){ console.log($(".1").html());//会获取其中包含html的所有值<p>a</p> console.log($(&qu

jQuery截取字符串、日期字符串转Date、获取html中的纯文本

jQuery截取字符串.日期字符串转Date.获取html中的纯文本. var com = com || {}; (function ($, com) { /* * 截取字符串 * @param str:要截取的字符串 * @param len:保留多少字符 * @param symbol:超过之后字符串末端要添加的字符 */ com.cutStr = function (str, len, symbol) { if (symbol == undefined) { symbol = "...&q

jQuery—— jQuery get方法+一般处理程序处理文本框内容

3.Setting Up and Configuring Backup and Recovery 这个单元讲述如何启动.与rman client如何互动,准备rman环境,实现备份和恢复策略 注意:尽管闪回数据库和安全还原点不是真的数据库备份,但是它们是数据保护策略一个重要部分.这些特性需要一些初始化设置,这些设置依赖于在备份策略中你怎么混合它们.Chapter 5-Data Protection with Restore Points andFlashback Database 提供了关于怎么