获取当前div中的文本(只获取当前div的, 子元素不要, 基于layui)

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>test2</title>
        <link rel="stylesheet" type="text/css" href="res/layui/css/layui.css">
        <script type="text/javascript" src="res/layui/layui.js"></script>
    </head>
    <body>
        <div id="test-box">
            aaaaa
            <div>
                bbbbb
            </div>
        </div>

        <script type="text/javascript">
            layui.use(["layer"],function() {
                var layer = layui.layer;
                var $ = layui.jquery;

                var str = $(‘#test-box‘).contents().filter(function (index, content) {
                    console.log(index);
                    console.log(content);
                    return content.nodeType === 3;
                }).text();

                // alert($("#test-box").text());
                alert(str);
            });

        </script>
    </body>
</html>

原文地址:https://www.cnblogs.com/wgbs25673578/p/10364092.html

时间: 02-12

获取当前div中的文本(只获取当前div的, 子元素不要, 基于layui)的相关文章

文字在div中垂直居中的方法,设置div的高度height和行高line-height一致

文字在div中垂直居中的方法,设置div的高度height和行高line-height一致,如 .containerdiv{ height:60px; line-height:60px; }

如何让div中的文字只显示一行,多余的文字隐藏并加上省略号(超链接形式)

写页面的时候遇到了一个小小的问题,如何让div中一行超链接文字只显示一行,多余的文字隐藏并加上省略号,悬浮时隐藏的文字显示出来?解决问题时发现了css3的一个新标签  text-overflow  ,其属性规定当文本溢出包含元素时发生的事情.语法如下: text-overflow: clip|ellipsis|string; 代码如下: <!DOCTYPE html><html><head><meta http-equiv="Content-Type&q

jquery 中$.post获取MVC Controller中JsonResult返回包含LIst&lt;Model&gt;类型的子List&lt;Model&gt;的高级使用方法

比如JsonResult中返回return Json(models);的models结构如下: models返回含有四个集合的序列,每个集合的序列中又包含一个子集合序列“Child”. 问题是如果我们使用Jquery的$.post应该怎么循环出这两个集合序列中的数据呢? 方法如下: $.post("/admin/GetPermissionsForCurrUser", function (data, status) { if (status == "success")

nodejs 获取文件夹中的文件和获取文件夹中的所有图片

//获取项目工程里的图片 var fs = require('fs');//引用文件系统模块 var image = require("imageinfo"); //引用imageinfo模块 function readFileList(path, filesList) { var files = fs.readdirSync(path); files.forEach(function (itm, index) { var stat = fs.statSync(path + itm);

如何提交div中的文本内容

举个栗子: html: 1 <form acrtion="" method="post" id="form1"> 2 <div id="text" style="" contenteditable=”true“> 3 输入内容 4 </div> 5 <input type="hidden" name="divValue" id

vim 正则表达式获取双引号中的字符

vim 正则表达式获取双引号中的字符 1.获取双引号中的字符 [html] view plain copy :%s/.*\".?\".*/\1/ 2.用字符串建立标签 如 hello  <hello></hello> [html] view plain copy :%s/[a?z,A?Z]?/<\1><\/\1>/

DIV中display和visibility属性差别

DIV中display和visibility属性差别 DIV中display和visibility属性差别还是挺大的,虽然Visibility和Display属性都可以达到隐藏页面元素的目的,但它们的区别在于如何回应正常文档流 本节向大家描述一下DIV中display和visibility的差别,visibility属性是隐藏元素但保持元素的浮动位置,而display实际上是设置元素的浮动特征,虽然它们都可以达到隐藏页面元素的目的,但它们的区别在于如何回应正常文档流. DIV中display和v

css:子元素div 上下左右居中方法总结

最近在面试,不停地收到了知识冲击,尤其是对于一些基础的css.html.js问题居多,所以自我也在做反思,今天就css问题,如何让一个子元素div块元素上下左右居中 (以下总结方法,都已得到验证). 情景一:一个浏览器页面中,只有一个div模块,让其上下左右居中 解决方案:  { position:fixed;  left:0; right:0; top:0; bottom:0; margin:auto; } 备注:此处小编使用position:fixed为最佳方案,因为position:fix

获取其他进程中StatusBar的文本

(*// 标题:获取其他进程中StatusBar的文本 说明:Window2000+Delphi6调试通过 设计:Zswang 支持:[email protected] 日期:2005-02-22 //*) uses CommCtrl; function GetStatusBarText(mHandle: THandle): string; var   vBuffer: array[0..$1000] of Char;   vSize: Integer;   I: Integer;   vCou

获取所有分组中某列最大的行

怎么获取所有分组中某列最大的行?下面用一个例子来说明下: 一共公司有若干员工,每个员工有各自的id, group_id(部门), salary(工资).现在的问题转变为 求公司各部门最高工资的员工 首先明确一个问题,一个部门的若干个员工可能同时拥有最高的工资,需要都列举出来. 看一下员工的数据库表结构(只包含有用的列): Field Type Null Key Default Extra id int(11) NO PRI NULL   group_id int(11) YES   NULL