jquery获取指定文本节点输出至控制台插件

所属分类：网页特效-其它&杂项 2023-10-20 03:39:43

5.3K 0 查看评论 (0)

查看演示登录后下载 温馨提示
登录会员即可享受免费下载我要建站

资源描述：一款获取指定DIV文本节点输出到控制台特效，自动过滤html标签，输出格式化的文本字符。

jquery获取指定文本节点输出至控制台插件（共2个文件）

jquery.visibleText.js

index.html

使用方法

code
source

/* global jQuery */
(function ($) {
  /**
   * Get a string of all aggregated visible text nodes.
   *
   * @static
   * @method
   * @param {Array|jQuery|HTMLElement|NodeList} elem
   * @return {string}
   */
  var getVisibleText = $.getVisibleText = function (elem) {
    var node;
    var i;
    var ret = '';
    var nodeType = elem.nodeType;

    if (nodeType) {
      if (nodeType === 1 || nodeType === 9 || nodeType === 11) {
        // ELEMENT_NODE, DOCUMENT_NODE, DOCUMENT_FRAGMENT_NODE
        ret += $.expr.filters.hidden(elem)
          ? ''
          // Traverse the children
          : getVisibleText(elem.childNodes);
      } else if (nodeType === 3 || nodeType === 4) {
        // TEXT_NODE, CDATA_SECTION_NODE
        // Leaf node, use directly
        return elem.nodeValue;
      }
    } else {
      // If no nodeType, this is expected to be array-like
      for (i = 0; (node = elem[i]); i++) {
        ret += getVisibleText(node);
      }
    }
    return ret;
  };

  /**
   * See #getVisibleText.
   *
   * @method
   * @return {string}
   */
  $.fn.visibleText = function () {
    return getVisibleText(this);
  };
}(jQuery));

/* global jQuery */
(function ($) {
  /**
   * Get a string of all aggregated visible text nodes.
   *
   * @static
   * @method
   * @param {Array|jQuery|HTMLElement|NodeList} elem
   * @return {string}
   */
  var getVisibleText = $.getVisibleText = function (elem) {
    var node;
    var i;
    var ret = '';
    var nodeType = elem.nodeType;

    if (nodeType) {
      if (nodeType === 1 || nodeType === 9 || nodeType === 11) {
        // ELEMENT_NODE, DOCUMENT_NODE, DOCUMENT_FRAGMENT_NODE
        ret += $.expr.filters.hidden(elem)
          ? ''
          // Traverse the children
          : getVisibleText(elem.childNodes);
      } else if (nodeType === 3 || nodeType === 4) {
        // TEXT_NODE, CDATA_SECTION_NODE
        // Leaf node, use directly
        return elem.nodeValue;
      }
    } else {
      // If no nodeType, this is expected to be array-like
      for (i = 0; (node = elem[i]); i++) {
        ret += getVisibleText(node);
      }
    }
    return ret;
  };

  /**
   * See #getVisibleText.
   *
   * @method
   * @return {string}
   */
  $.fn.visibleText = function () {
    return getVisibleText(this);
  };
}(jQuery));

站长提示：
1. 苦力吧素材官方QQ群：950875342
2. 平台上所有素材资源，需注册登录会员方能正常下载。
3. 会员用户积极反馈网站、素材资源BUG或错误问题，每次奖励2K币。
4. PHP源码类素材，如需协助安装调试，或你有二次开发需求，可联系苦力吧客服。
5. 付费素材资源，需充值后方能下载，如有任何疑问可直接联系苦力吧客服