纯js按属性名称开头选择元素

2024-04-09

语境 :

  • HTML

     <div ng-me=""></div>
     <div ng-you=""></div>
      <p ng-you=""></p>
    

我想选择属性名称以以下开头的所有元素ng-.


使用 jQuery,以下链接是最接近此问题的线程:

  1. jQuery - 如何按属性名称开头选择值 https://stackoverflow.com/questions/26657398/jquery-how-to-select-value-by-attribute-name-starts-with .

  2. 如何按属性名称开头删除所有属性 https://stackoverflow.com/questions/14731439/how-to-remove-all-attributes-by-attribute-name-starts-with .

然而,第一个使用 jQuery,第二个解决removing问题在于已选择的元素 NOT 选择 .

我试试这个:

document.querySelectorAll('[ng-*]')

它不起作用,而是抛出错误。


这里我使用 querySelectorAll 来获取我想要检查的所有对象。

然后我查看每个返回对象的属性集合

ES6+

const attrStartsWith = (sel,str) => [...document.querySelectorAll(sel)]
  .filter(ele => [...ele.attributes]
    .filter(({name}) => name.startsWith(str))
    .length>0
  )

console.log(attrStartsWith("*","ng")); // all
console.log(attrStartsWith("div","ng")); // divs
<div ng-a="a">a</div>
<div ng-b="b">b</div>
<p ng-c="c">c</p>

ES5 及更低版本

function attrStartsWith(sel,str) {
  var el = document.querySelectorAll(sel), res=[];
  
  for (var i = 0, n=el.length; i < n; i++){
    for (var j=0;j<el[i].attributes.length;j++) {
      if (el[i].attributes[j].name.indexOf(str)==0) {
        res.push(el[i]); 
      }
    }
  }
  return res;
}
console.log(attrStartsWith("*","ng")); // all
console.log(attrStartsWith("div","ng")); // divs
<div ng-a="a">a</div>
<div ng-b="b">b</div>
<p ng-c="c">c</p>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

纯js按属性名称开头选择元素 的相关文章

  • 正则表达式是否用于构建解析器?

    这只是出于好奇的一个问题 因为我最近需要越来越多地解析和使用正则表达式 似乎 对于我在搜索中遇到的有关某种解析的问题 有人总是最终说 当问一些与正则表达式相关的问题 正则表达式对此不好 请使用这样那样的解析器 因为我已经更好地理解了正则表达
  • 将字符串数组转换为对象 Id 数组

    我有一个字符串数组 let stringObjectIdArray fssdlfsd343 43434234242 342424242 我想使用 mongoose 类型将字符串数组更改为对象 Id 数组 但它不起作用 它仅适用于字符串而不是
  • 每次用户在地址栏中按 Enter 时,Firefox 插件都会执行某些操作

    我正在尝试编写一个扩展程序 用于监视每次有人在使用地址栏时按下回车键时的情况 步骤将类似于 用户在地址栏中输入一堆文本并按 Enter 键 我的插件启动并接收用户输入的内容 然后我的插件决定如何处理用户输入的字符串 我通过使用在步骤 2 中
  • 在 Javascript 中获取文本框的值

    我有这个html代码 table border cellpadding 3 cellspacing 0 tbody tr td Song td td td tr tbody table
  • 无法读取未定义错误的属性“匹配”

    我试图在 React JS 前端显示一些文本来代替个人资料图像 当它不可用时 基本上 我将当前客户名称传递给一个函数 该函数提取名称中所有单词的第一个字符 我能够仅显示名称 但是当我执行函数调用时 出现 无法读取未定义的属性 匹配 错误 并
  • 如何在 Java 中用 \n 替换 \\n

    我有一个string test first n middle n last 现在我想更换所有 n by n 我试过了test replaceAll n n and test replaceAll n n 但它们不起作用 有人有解决办法吗 T
  • 正则表达式没有按预期工作?

    我有这个正则表达式 new RegExp a z 0 9 ig 我正在测试一个不应该工作的字符串 vc 但它确实通过了测试 而且它不应该 new RegExp a z 0 9 ig test vc true 但如果我删除其中一个 or or
  • 如何在 Angular 模板中嵌入 GitHub gist?

    角度忽略script其模板中包含标签 但加载 GitHub gist 需要它们 执行此操作的最佳做 法是什么 使用iframe 创造script动态标记 或者是其他东西 一种方法是创建一个iframe with script里面并在你希望你
  • 如何将这段 javascript 代码重写为 C++11?

    这是我在 Javascript Definitive Guide 中看到的 javascript 闭包代码 我想把它写成C 11 var uniqueID1 function var id 0 return function return
  • 无法使用 jQuery 添加两个小数

    我试图将两个小数值相加 但返回的总和是纯整数 怎么了 我找不到它 欢迎任何帮助 jQuery delivery method ship select change function var cost jQuery this val jQue
  • 根据复选框显示/隐藏输入字段[重复]

    这个问题在这里已经有答案了 如果单击该复选框 它将显示一个输入字段 到目前为止它正在工作 但如果未选中该复选框 它应该隐藏它 我该怎么做 div class checkbox div
  • 如何使用jsPDF设置图像以适合页面宽度?

    有什么办法可以解决这个问题吗 我尝试以毫米为单位设置宽度和高度 如何将其设置为全角 您可以获取 PDF 文档的宽度和高度 如下所示 var doc new jsPDF p mm a4 var width doc internal pageS
  • 查找 JavaScript 中函数参数的数量[重复]

    这个问题在这里已经有答案了 可能的重复 获取函数的元数 https stackoverflow com questions 4848149 get a functions arity 假设我有 function a x function b
  • emacs 临时文件的 .gitignore 正则表达式

    我正在尝试 gitignore emacs 临时 自动保存文件 我在用着 在我的 gitignore 中 But git add A在子文件夹中运行仍然给我 new file make collections py new file nor
  • 使用正则表达式反转匹配[重复]

    这个问题在这里已经有答案了 使用 PCRE 如何构造一个仅在字符串是时才匹配的表达式not成立 如果我使用 grep 我没有 我会想要 v 选项 一个更具体的例子 我希望我的正则表达式能够匹配 if 字符串foo is not在字符串中 所
  • 用空字符串替换状态:Javascript

    我有这个网址 website com con blog true 我在 javascript 中所做的是 if getURLparams blog RandomFunction change the url window history r
  • Kotlin JavaScript 到 TypeScript 定义文件

    我已经找到了ts2kt 库 https github com Kotlin ts2kt这将从任意位置创建 Kotlin 头文件 d ts文件 但是 我想朝相反的方向走 我想构建一个可以编译为 JavaScript 的 Kotlin 库 但我
  • 出于安全目的,您是否有理由不执行自己的算法来打乱 ID?

    我计划实现我自己的非常简单的 哈希 公式 为具有多个用户的应用程序添加一层安全性 我目前的计划如下 用户创建一个帐户 此时后端会生成一个 ID ID 通过公式运行 假设 ID 57 8926 36 7 或同样随机的东西 然后 我将新的用户
  • KML 中的 JavaScript 被 Google 地球插件忽略

    我创建了一个简单的 KML 文件 该文件可以在独立的 Google 地球客户端中运行 但在 Google 地球插件中根本无法运行 无论浏览器如何
  • 在 python 中使用 re.sub 将字母变成大写?

    在许多编程语言中 以下内容 find foo a z bar并替换为GOO U 1GAR 将导致整个匹配项变为大写 我似乎无法在 python 中找到等效项 它存在吗 您可以将函数传递给re sub http docs python org

随机推荐

  • Java jTable 定义单元格上的颜色行更改

    大家好 我没有发现下面的代码有什么不正确的地方 它可以很好地填充表格和标题 然而 当我改变第 1 行 第 1 列 to test然后单击它不会像我预期的那样为该行着色 然后单击我单击的那个会变成绿色 从那时起我单击桌子上的任何地方都会变成绿
  • Docker:服务器是否在主机“localhost”(::1) 上运行并接受端口 5432 上的 TCP/IP 连接?

    我在使用 Ruby on Rail 在本地系统上设置和运行 docker 实例时遇到问题 请查看我的 docker 配置文件 Dockerfile FROM ruby 2 3 1 RUN useradd ms bin bash web RU
  • 在 Windows 8 应用程序中使用 MessageBinder.SpecialValues 不起作用?

    我是 Caliburn Micro 的新手 所以我希望有人能够在这里帮助我 我正在尝试在 Windows 8 应用程序中使用 MessageBinder SpecialValues 但无法让它工作 我添加了一个新的 pointerPerce
  • 程序从Python中的字符串中提取每个替代字母?

    Python 程序通常简短而简洁 而在其他编程语言 据我所知 中通常需要一堆行的内容可以在 python 中用一两行完成 我试图编写的一个这样的程序是从字符串中提取所有其他字母 我有这个工作代码 但想知道是否还有其他简洁的方法 gt gt
  • 如何通过Spark Thrift Server访问自定义UDF?

    我正在 EMR 上运行 Spark Thrift 服务器 我通过以下方式启动 Spark Thrift 服务器 sudo u spark usr lib spark sbin start thriftserver sh queue inte
  • 使用 Dart 语言解析嵌套 JSON 数组并将其放入模型类中

    关于我的问题here https stackoverflow com questions 51977112 parse json array without key using dart 我想解析 JSON 数组中没有键的 JSON 数组并
  • SORL 方面字段按降序值排序

    我正在使用带有分面过滤器的 SOLR 6 5 1 我的查询有 facet limit 1 gt 生成所有可能的构面值 facet sort index gt 不按出现次数而是按值本身对分面值进行排序 例如 一个方面将整数作为值 特别是字段包
  • 使用 django-rest-framework-simplejwt 注册后返回令牌

    我正在使用 django rest framework simplejwt 想知道注册用户后是否可以返回令牌 This https stackoverflow com questions 37622616 django rest frame
  • paramiko 中的超时(python)

    我正在寻找一种为此设置超时的方法 transport paramiko Transport host port transport connect username username password password sftp param
  • 不同数据库的表之间的关系

    是否可以在 SQL Server 2008 中定义不同数据库中的表之间的关系 您能推荐一个在线教程来学习它吗 我更喜欢ASP NET C 不 数据库之间不能有外键 数据完整性仅存在于单个数据库内 如果您需要跨数据库的事务一致性 那么您应该使
  • 如何在javascript中将字符串值转换为变量?

    var test1 document ready function test1 test1ID jQueryPlugin var test2 document ready function test2 test2ID jQueryPlugi
  • CORS 和 example.com

    我在 CORS 方面遇到了麻烦 我使用的 API 有 Access Control Allow Origin http www example com 因此 我无法访问继续访问我的网站所需的信息 但是 奇怪的是 如果我将 API url 放
  • 为什么使用 Nuxt v3 静态生成时 会输出两次后面的内容?

    我在用vue fontawesome https github com FortAwesome vue fontawesome与 Nuxt 3 一起使用 如上所述here https fontawesome com docs web use
  • Reactjs - 从应用程序中的任何位置获取组件

    我想知道是否有一种方法可以通过使用某种类型的 id 或类型来获取组件 就像在 DOM 操作中所做的那样 就像是 var Avatar React createClass render function React renderCompone
  • Rythm 模板引擎和 GAE

    有人设法让 Rythm 模板引擎与 Google Appengine 一起使用吗 Thanks 现在的节奏 版本1 0 0 20120505 http rythmengine com public rythm 1 0 0 20120505
  • 如何查询SOLR中的空字段?

    我有一个很大的 solr 索引 我注意到一些字段没有正确更新 索引是动态的 这导致某些字段具有空的 id 字段 我已经尝试过这些查询 但它们不起作用 id id NULL id null id id id TO 有没有办法查询空字段 Tha
  • 按字母顺序获取地图中的键的简单方法

    在 Go 中 让映射中的键按字母顺序排序的最简单方法是什么 这是我能做到的最短方法 package main import container vector import fmt import sort func main m map st
  • 可以放在桌子的底部吗?

    我想用一个 tfoot 表中的标签在语义上是正确的 但它一直显示在我的表的顶部 有没有办法让它显示在底部 正如其他人所说 tfoot是在之前定义的tbody但之后渲染 这是设计使然 不会改变语义 桌子有头 脚和身体 这些的顺序并不重要 Th
  • simple_form 提交的默认disable_with

    我想更改 simple form 中提交按钮的默认行为 这样我就不需要为所有表单显式指定 disable with gt true 如何在 simple form rb 中进行此特定更改 这在较新版本的 Rails 中略有不同 因为不推荐设
  • 纯js按属性名称开头选择元素

    语境 HTML div div div div p p 我想选择属性名称以以下开头的所有元素ng 使用 jQuery 以下链接是最接近此问题的线程 jQuery 如何按属性名称开头选择值 https stackoverflow com qu