javascript - 如何使用javascript或jquery验证自定义属性中是否存在某个值?
问题描述
假设我们有一个名为data-content的自定义属性。现在让我们查找 html 标记:
<h1 data-content="one two three four">Hello</h1>
我想要一个可以执行以下操作的Javascript / jQuery函数:
verify.contains("h1", "two"); // => true
verify.contains("h1", "five"); // => false
或者
$("h1").verifyContains("two"); // => true
$("h1").verifyContains("five"); // => false
那么,该怎么做呢?
解决方案
var verify = {
contains: function(selector, content) {
return Boolean($(selector + '[data-content~=' + content + ']').length)
}
}
console.log(verify.contains("h1", "two"))
console.log(verify.contains("h1", "five"))
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<h1 data-content="one two three four">Hello</h1>
jQuery插件功能
$.fn.verifyContains = function(content) {
return $(this).is('[data-content~=' + content + ']')
}
console.log($("h1").verifyContains("two"))
console.log($("h1").verifyContains("five"))
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<h1 data-content="one two three four">Hello</h1>
推荐阅读
- java - java中的旧栗子“printf”和组合
- html - 寻找 VSC HTML 智能感知扩展
- sql-server - 从 Amazon S3 存储中恢复对象级别的问题
- python - 如何在python中遍历重复并创建映射
- ag-grid-angular - 使用全行编辑时如何检测 AgGrid 中的单个单元格变化?
- python - 如何在水平栏中显示数据的频率?
- java - 如何在 Windows 10 中为 Java 中的方法 SerialPort.getCommPort() 获取串行端口的名称
- ember.js - 如何在 ember js 中一次只打开一个菜单项?
- api - 如何在 Airflow DAG 上自动获取 API 令牌
- bash - bash 可以检索脚本中的整个命令吗?