Jquery中获取对应含有括号的id的值失败

最新推荐文章于 2022-05-11 16:59:33 发布
原创 最新推荐文章于 2022-05-11 16:59:33 发布 · 1.4k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#jQuery #js #id选择器

在项目开发中遇到使用jQuery ID选择器时无法获取到特殊格式ID（含括号）的问题，通过研究发现jQuery仅支持特定字符作为ID，将括号替换为下划线后，成功解决了元素获取的问题。

近日在实际项目开发中需要把表的id作为input的id，恰巧数据库中的id格式为XXXXXXX(XXXXXXX)，意思为大id包含小id。

可在获取对应的input的值时总是提示undifind。

经过查找资料后发现，jQuery中的id选择器只能匹配包括，英文、数字、下划线、中划线。JQuery中的1.2.6版本至1.3.2版本都有这种情况，所以修改数据库id的拼接方式，把左右括号改为下划线后就能正常操作

jquery--DOM操作
m0_74194490的博客
07-05 1576
在javaScript的基础上创建的属于js的框架，是继Prototype之后又一个优秀的javaScript代码库（javaScript框架）有一些人嫌弃js用着不好，把 很多具有特殊功能的代码的集合，写在一个js文件中，名为jquery.js。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。
ID带“+“或者“,“等特殊字符时候使用ID选择器找不到（使用正则匹配转义替换）
qq_39539221的博客
07-20 1231
ID带"+"或者","的时候使用ID选择器找不到（使用正则匹配转义替换） <p id="p<%#Eval("prospec") %>" class="kucun" onclick="checkku('<%#Eval("prospec") %>')"><span class="btnKucunSearch">库存查询</span></p> function checkku(name) {...
jquery根据id获取对象失败
weixin_38384296的博客
11-07 1443
做spring上传文件时，在前端页面，想用jqury根据id拿到这个对象，但是一直拿不到。 很奇怪的一个问题，其他地方都能拿得到，就这个拿不到。 出错原因：暂时不知道； 解决办法：用 document.getElementById("logo");  ...
jquery中冒号: 及 中括号一些理解
youcijibi的博客
07-01 2080
冒号（:）后面接的是可以在页面上用鼠标改变的状态值，比如： $(".zg_rc1 :checkbox").on("change",function(){ var id = this.value; console.log(id); var status = this.checked; $.ajax({ type: "POST", url: "<?=Yii::$app->url
CSS——每周总结
m0_63300737的博客
11-07 507
CSS语法 声明总是以（分号） ；结束、以{}（花括号）括起来。 选择器 id和class选择器 id选择器 为标有特定 id 的 HTML 元素指定特定的样式，以 # 开头 class 选择器 用于描述一组元素的样式，以.开头                        &n
关于jquery获取input的value问题
weixin_34414650的博客
12-17 447
刚开始接触jquery，很多东西不熟悉 在用$("#id")来获得页面的input元素的时候，发现$("#id").value不能取到值 后来终于在伟大的百度帮助下，找到了问题的原因： $("")是一个jquery对象，而不是一个dom element value是dom element的属性 jquery与之对应的是val val()...
jquery 获取括号的内容
weixin_40597855的博客
05-11 655
jquery 获取括号的内容 var s="河南郑州(11-12点发送)"; const regex = /(([^()]*))/g; let options = s.match(regex); console.log(options[2])
JQuery对id中含有特殊字符的转义处理示例
10-26
因此，当这些字符出现在ID中时，它们需要被转义，以便jQuery能够正确解析并找到对应的元素。 以下是一些常见的转义方法： 1. **方法1：使用`getElementById`** 这是JavaScript原生的方法，不受CSS选择器限制。...
jquery中通过过滤器获取表单元素的实现代码
10-28
本篇将详细介绍如何使用jQuery中的过滤器来获取特定的表单元素。 ### jQuery过滤器基础 过滤器允许我们从已有的元素集合中筛选出我们所需要的元素。jQuery提供了多种过滤器，例如`:enabled`、`:disabled`、`:...
基于jQuery的获取标签名的代码
10-28
- 直接使用`$("#aa")[0]`同样有效，因为当使用方括号访问jQuery对象时，它会直接返回对应的DOM元素，然后可以使用`.tagName`属性获取标签名。 了解jQuery对象和DOM对象的区别是至关重要的。jQuery对象提供了一套...
jQuery中[attribute=value]选择器用法实例
10-24
在这个实例中，`id`属性值包含了一个右方括号`]`，所以需要在`value`值两侧加上引号。如果不这样做，jQuery将无法正确解析选择器，导致无法找到目标元素。 ### 4. 应用场景 `[attribute=value]`选择器广泛应用于...
JQuery中的id选择器含有特殊字符时，不能选中dom元素的解决方法
wongwaidah的专栏
03-07 4018
1、jquery类库在我们实际项目中用的很多，大家经常需要根据控件的id，获取对应的html元素。但是：当id含有特殊字符的时候，是不能选中的。 2、自己简单的测试了下，jquery的id选择器只支持，单词、阿拉伯数字、下划线、中划线。其中单词，包括英文字母、汉字，但是控件id属于客户不可见内容，实际中开发人员是不用汉字作为id的，这里不考虑。 3、自己写了一个工具方法，开人人员只要将
jquery 获取 id 含有 中文、其他特殊字符的元素.html
weixin_42193179的博客
12-05 1496
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jquery 获取 id 含有 中文、其他特殊字符的元素</title> <script src="lib/jquery/jquery-3.2.1.js"&...
解决jquery选择器id中带点的获取不到
Mr.Tang的博客
11-19 1636
说明情况：获取不到dom的情况$('#s123.555.432').val();解决办法：方法1、原生js替换$(document.getElementById('s123.555.432')).find('#EntryTag').html()方法2、属性获取$("[id='s123.555.432']"...
jquery id选择器包含特殊字符的处理
lelong2002huyao的专栏
08-16 639
HTML 代码: jQuery 代码: #foo\\:bar#foo\\[bar\\]#foo\\.bar
jquery_根据ID取value值和text值
zs_life的博客
05-24 5484
$('#coachInfoId').val() //获取select下被选中的option的value $('#coachInfoId').find('option:selected').text() //获取select下被选中的option的文本值
无法获取#id选择器元素
weixin_44540414的博客
04-01 1724
开发工具与关键技术：MVC 作者：PSQ 撰写时间：2019.02.08 jQuery是一个JavaScript函数库。 jQuery是一个轻量级的"写的少，做的多"的JavaScript库。 jQuery库包含以下功能： · HTML 元素选取 · HTML 元素操作 · CSS 操作 · HTML 事件函数 · JavaScript 特效和动画 · HTML DOM 遍历和修改 · AJAX ...
jquery无法解析id的问题
剑雪封喉
06-07 805
1.       MyHtml.html                      -->               $(document).ready(function () {         $('#s').click(function () { var personal_id = $($(".textarea_perso
选择器中含有特殊符号的注意事项
rdman的专栏
06-06 1009
1．选择器中含有“.”、“#”、“(”或“]”等特殊字符 根据W3C的规定，属性值中是不能含有这些特殊字符的，但在实际项目中偶尔会遇到表达式中含有“#”和“.”等特殊字符，如果按照普通的方式去处理出来的话就会出错。解决此类错误的方法是使用转义符转义。 HTML代码如下： 折叠展开XML/HTML 代码复制内容到剪贴板 div id="id#b">bbdiv>  div id="
$("#")的id写法，获取name值如何写
最新发布
07-22
### 获取具有特定 `name` 属性值的元素的 jQuery 写法 在 jQuery 中，可以通过属性选择器 `$("[name='value']")` 来获取具有特定 `name` 属性值的元素。该写法会返回一个包含所有匹配元素的 jQuery 对象，可以用于进一步操作或遍历。 例如，要获取所有 `name` 属性值为 `"myInput"` 的元素，可以使用以下代码： ```javascript $("[name='myInput']"); ``` 如果需要获取第一个匹配的 DOM 元素，可以使用索引操作或 `.get()` 方法： ```javascript $("[name='myInput']")[0]; ``` 或者 ```javascript $("[name='myInput']").get(0); ``` ### 获取元素的 `name` 属性值 若目标是获取某个元素的 `name` 属性值，jQuery 提供了 `.attr()` 和 `.prop()` 两种方法。`.attr()` 方法用于获取匹配元素集合中的第一个元素的属性值，而 `.prop()` 方法则用于获取属性的当前值（更适用于布尔类型的属性）。 例如，获取第一个匹配的 `<input>` 元素的 `name` 属性值： ```javascript $("input:text").attr("name"); ``` 或者 ```javascript $("input:text").prop("name"); ``` 在实际应用中，`name` 属性值可能包含特殊字符（如方括号），此时可以使用字符串拼接的方式构建选择器： ```javascript var ipName = "cores[1].controlIp"; var ip = $("input[name='" + ipName + "']").val(); ``` 这种方式可以动态地构建选择器，并获取对应的元素值[^3]。 ### 注意事项 - 使用 `.attr()` 方法获取的值是字符串形式，适用于大多数非布尔属性。 - 使用 `.prop()` 方法获取的值可能是布尔值或字符串，具体取决于属性类型，更推荐用于处理如 `checked`、`selected` 等状态属性。 - 若选择器匹配多个元素，`.attr()` 和 `.prop()` 方法仅返回第一个元素的属性值。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值