Loading [MathJax]/jax/input/TeX/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >转义jquery中的选择选项值

问转义jquery中的选择选项值
EN

Stack Overflow用户

提问于 2017-07-10 04:57:02

回答 2查看 777关注 0票数 1

我有一堆选择框，用于筛选一个大型复杂表，该表的内容通过一系列ajax查询加载。在加载表时，不仅要加载表，还要更新复选框筛选器，以反映当前可用的选项。由于在这一点上，使用可能已经选择了筛选表的选项，所以我有一些代码来保留当前选定的值：

    if($('#CourseFilter').length) {
        selected = $('#CourseFilter').val();
        $('#CourseFilter').replaceWith(sel);
        if(selected != '') $('#CourseFilter option[value="'+escape(selected)+'"]').prop('selected', true);
    } else {
        sel.appendTo('#filters'); // Adding fitler for first time.
    }

这对于大多数过滤器都是有效的，但是一对夫妇(如#CourseFilter )会将其重置为默认设置，而不是记住当前的选择。它认为这是因为这些列表中的值包含特殊字符，如-、/和\。我试过使用escape，但它仍然不起作用。有什么想法吗？

jquery-selectors

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2017-07-10 05:01:38

您可能正在寻找的内容：

您应该能够只设置sel的值，而不是找到正确的<option>并手动选择：

sel.val(selected);

如果您想找到正确的<option>**:**，

通过使用<option>对正确的jQuery.filter进行筛选，可以完全避免转义问题。

$('#CourseFilter option').filter(function() {
  return $(this).val() === selected;
}).prop('selected', true);

票数 1

EN

Stack Overflow用户

发布于 2017-07-10 05:04:41

不需要查找每个<option>，因为val()既是getter又是setter。

只需使用val()设置新<select>的值

if($('#CourseFilter').length) {
    selected = $('#CourseFilter').val();
    $('#CourseFilter').replaceWith(sel);
    sel.val(selected);
} else {
    sel.appendTo('#filters'); // Adding fitler for first time.
}

票数 1

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/45012708

复制

相关文章

jquery属性值选择器

$("[attribute|='value']") 选择指定属性值等于给定字符串或改字符串为前缀（该字符串后跟一个连字符“-”）的元素。 attribute: 一个属性名 value: 一个属性值 $(function(){ $('a[hreflang|="en"]').css("border","2px solid red"); //查找hreflang属性值是英语的所有链接。}); $("[attribute*='value']") 选择指定属性具有包含一个给定的子

用户1197315

2018/01/19

1.3K0

jQuery实现Select自动选择默认值

==========================================================================================

IT工作者

2021/12/28

2.2K0

JQuery选择器（中）

HTML5学堂：在学习JQuery开发的时候，选择器有多种，而我们将接着介绍选择器的其他类型，希望对大家有帮助！ 5.临近选择器: $("mix+mix"),选取下一个兄弟节点.如:$("div +#test"),id为test的的节点必须是div的下一个兄弟节点. <div></div><p id="test"></p>在$("div + #test")中能取到p段落节点 <div></div><p></p><p id="test"></p>则不能取到 6.属性选择器: 把属性选择器不放在css选择器里面

HTML5学堂

2018/03/12

2K0

jQuery中的9个选择器

jquery javascript

选择器是 jQuery 最基础的东西，本文中列举的选择器基本上囊括了所有的 jQuery 选择器，也许各位通过这篇文章能够加深对 jQuery 选择器的理解，它们本身用法就非常简单，我更希望的是它能够提升个人编写 jQuery 代码的效率。本文配合截图、代码和简单的概括对所有 jQuery 选择器进行了介绍，也列举出了一些需要注意和区分的地方。 1、基本选择器（重点） #id：根据元素的 id 属性来获取元素 element：根据元素的名称来获取元素 selector1,selector2：同时获取多个

沈唁

2018/05/24

1.6K0

jQuery中属性选择器的使用

代码片段如下所示： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>属性选择器的使用</title> <style> </style> </head> <body> <button>获取具有href属性的 DOM 对象</button><br> <button>获取属性值为www.baidu.com对象</button><br> <button>获取属性值不为www.baidu.com对象<

软件小生活

2021/10/08

2.5K0

jQuery中属性选择器的使用

[pr]变速中的“时间插值”选择

编程算法 https 网络安全

【剪辑中那些关于变速的技巧！】https://zhuanlan.zhihu.com/p/40174821 【视频变速的时间插值方式核心原理，你懂吗？】https://zhuanlan.zhihu.com/p/67327108 【更改剪辑的持续时间和速度】https://helpx.adobe.com/cn/premiere-pro/using/duration-speed.html#main-pars_heading_11

杨肆月

2020/09/10

4K0

Jquery简介选择的

编程算法 jquery html

Jquery一个js相框（程序代码相结合）这是一个程序开发过程中的半成品；分类似该框架EXTJS。

全栈程序员站长

2022/07/06

1.6K0

通过jQuery获取页面中radio选中的值

<tr> <td class="tdtext" colspan="3">2、廉洁自律，不利用岗位职权方便谋取私利。</td> <td class="trss"><input name="radio17" type="radio" value="5" required/></td> <td class="trss"><input name="radio17" type="radio" value="4" /></td> <td class="trss"><input name=

SingYi

2022/07/13

5.7K0

通过jQuery获取页面中radio选中的值

python中的转义字符

http://www.runoob.com/python3/python3-string.html

py3study

2020/01/10

3.8K0

Mybatis 中的转义字符

记录以下mybatis中的转义字符，方便以后自己看一下 Mybatis转义字符表 < < 小于 > > 大于 & & 与 ' ' 单引号 " " 双引号需要注意的是分号是必不可少的。比如 a > b 我们就写成 a > b 当然啦，我们也可以用另外一种，就是<![CDATA[ ]]>符号。在mybatis中这种符号将不会解析。比如 <![CDATA[ when min(starttime)<='12:00' and max

Dato

2018/04/16

2.5K0

删除所选项（附加搜索部分的jquery）

1.视图端（views）的配置为： <script> $(document).ready(function() { $("#info-grid").kendoGrid({ dataSource: { type: "json",

wfaceboss

2019/04/08

9490

jquery选择器用法_jQuery属性选择器

一、基本选择器 1. ID选择器 ID选择器#id就是利用DOM元素的id属性值来筛选匹配的元素，并以iQuery包装集的形式返回给对象。使用公式:(“#id”) 示例：(“#box”) //获取id属性值为box的元素 2. 元素选择器元素选择器是根据元素名称匹配相应的元素。元素选择器指向的是DOM元素的标记名，也就是说元素选择器是根据元素的标记名选择的。使用公式：(“element”) 示例：(“div”) //获取所有div元素 3.类名选择器类选择器是通过元素拥有的CSS类的名称查找匹配的DOM元素。在一个页面中，一个元素可以有多个CSS类，一个CSS类又可以匹配多个元素，如果有元素中有一个匹配类的名称就可以被类选择器选取到。简单地说类名选择器就是以元素具有的CSS类名称查找匹配的元素。使用公式：(“.class”) 示例：(“.box”) //获取class属性值为box的所有元素 4.复合选择器复合选择器将多个选择器（可以是ID选择器、元素选择器或是类名选择器）组合在一起，两个选择器之间以逗号”,”分隔，只要符合其中的任何一个筛选条件就会被匹配，返回的是一个集合形式的jQuery包装集，利用jQuery索引器可以取得集合中的jQuery对象。注意：多种匹配条件的选择器并不是匹配同时满足这几个选择器的匹配条件的元素，而是将每个匹配的元素合并后一起返回。使用公式：(“selector1,selector2,……,selectorN”) selector1:一个有效的选择器，可以是ID选择器、元素选择器或类名选择器等 selector2:另一个有效的选择器，可以是ID选择器、元素选择器或类名选择器等 selectorN:（可选择）任意多个选择器，可以是ID选择器、元素选择器或类名选择器等示例：(“div,#btn”) //要查询文档中的全部的<div>元素和id属性为btn的元素 5.通配符选择器

全栈程序员站长

2022/11/16

12.2K0

关于Python中html实体转义与非转义[还原]

在HTML中，某些字符是预留的，用来编写HTML代码的。所以这时程序员就不能直接使用他们。

无道

2019/11/13

5.3K0

关于Python中html实体转义与非转义[还原]

Org Mode 中的转义符

今天每天都在使用的 Org Mode 文档，其实总有学不完的内容，今天在使用过程中，终于忍不了下标的问题了，今天在写的时候， a_b 总是会变成 ab 的形式，之前记得可以通过在文档的最上面，增加配置来实现不进行转义，对于在文章头部加上了 #+OPTIONS: ^:nil ，但是在写的过程中发现还是不能使用，于是又查询了一下，看说可以改写成 a\_b 的形式，恩，确实可以解决这个问题，但是到底是因为什么导致的？

zucchiniy

2019/10/30

2.5K0

jQuery 选项卡插件 FengTab by FungLeo

css html 插件

好无聊啊，权当练手，写了一个选项卡插件 Html 结构 <h2>Demo 1</h2> <div id="FengTab" class="FengTab"> <ul class="tab"> <li>Title 1</li> <li>Title 2</li> <li>Title 3</li> <li>Title 4</li> </ul> <div c

FungLeo

2022/11/28

1.3K0

PHP 中的转义函数小结

代码审计的时候经常会遇到种类繁杂的转义函数，最可怕的是他们长的都很像，还是拿出来总结一下吧。

猿哥

2019/03/13

3.3K0

django 获取字段选项 choice 的值

由二项元组构成的一个可迭代对象（例如，列表或元组），用来给字段提供选择项。如果设置了choices ，默认的表单将是一个选择框而不是标准的文本框，而且这个选择框的选项就是choices 中的选项。

卓越笔记

2023/02/18

2.7K0

jquery的基本选择器

关于基本选择器包括 “*” ,“.class”,"element","#id","selector1 selementN" "*" 选择器，可以找到文档中的所有的元素，包括 head body $(function(){ // $("#test").find("*").css("border","3px solid red"); //找到 #test 这个元素下面的所有的元素 //}); ".class" 选择给定样式类名的所有的元素。 //$(function

用户1197315

2018/01/19

6370

JQuery选择器

1 $("*") ---------选取所有元素 2 $(this) --------选择当前HTML元素 3 $("p.a") -----选取p元素下class为a的元素 4 $("p:first") ----选取第一个p元素 5 $("ul li:first-child") ----选取ul下第一个li元素 6 $("tr:even") -------选取偶数位置下的tr 7 $("tr :odd") --------选取奇数位置的tr

用户3159471

2018/09/13

1.7K0

jQuery 选择器

jquery html xml

基本选择器基本选择器是最简单的选择器，可以通过元素id、class和标签名等来直接查找DOM元素。元素选择器根据给定元素名匹配元素。如下选择的是所有div元素。 $("div").css("

静默虚空

2018/01/05

7.4K0

相似问题

选项值中的jQuery转义撇号

31

jQuery选择下拉值转义字符

13

jQuery选择器值转义

865

选择选项值jquery

86

jquery模式选择的选项值

21

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

社区富文本编辑器全新改版！诚邀体验～

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验