获取当前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

时间： 2024-08-11 15:10:34

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

JAVA中的反射只获取属性的get方法

JAVA中的反射只获取属性的get方法在开发过程中,我们经常需要获取类中某些属性的get方法,此时我们需要使用到反射,例如,我们在获得一个对象后,需要知道该对象的哪些属性有值,哪些没有值,方便我们后面的处理. 譬如在我们拼SQL语句时,就需要知道哪些字段为空或为NULL,此时我们在拼语句的时候需要剔除掉,若是我们采用一般的判断的办法,则会很复杂(需要处理好SQL中的AND关键字的有无 ),当然,我们也有另外的解决办法(例如将非空的键和值存入map中,再将map存入list集合中,然后循环集合做

文字在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

js获取div中的文本框数据

通过div得到div里的所有数据大神的世界无需解释,当然不是说我,当我看到这些代码的时候我惊呆了! 这是一个工具方法js: js: /* * 获取指定对象下的所有input.textarea值 * divid:外层的id * jsonStr:如果无,新创建一个对象,如果有,直接在对象中添加 * isCheck:是否进行必填项判断 */ getFormParam: function(divid,jsonStr,isCheck){ var inputlist = $("#"+divid+

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

比如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

js 选中div中的文本

function selectText(element) { var text = document.getElementById(element); if (document.body.createTextRange) { var range = document.body.createTextRange(); range.moveToElementText(text); range.select(); } else if (window.getSelection) { var selecti

关于js中获取div中的数据

最近用js写了一个计算器的页面.基本上使用到了,ul li的几点用法.用来布局,并且创造出了很不错的鼠标悬停效果. 关于从中学到的知识: document.getelementbyid("ddhdh").innerHTML 可以获取到div中的全部数据,包括标签...但是只是在IE和OPERA中使用 document.getelementbyid("ddhdh").innerTEXT 可以获取到div中的文本数据,不会获取到标签...但是只是在IE和OPERA