如何摆脱“：”？

Question

例如我有id喜欢

someform:somepanel:somebutton

当我执行 jQuery("#someform:somepanel:somebutton") 它返回某种形式时，如何自动转义该 id？

编辑：

我想做这样的事情

jQuery(somefunction("#someform:somepanel:somebutton"))

Answer 1

如果只是这个非常专业的版本，您只需 .replace() 字符即可。

function somefunction(selector) {
    return selector.replace(/:/, '\\\\:');
}

jQuery(somefunction("#someform:somepanel:somebutton"))

然后转换为

jQuery("#someform\\:somepanel\\:somebutton");

要获得更通用的版本，您可以使用正则表达式：

function somefunction(selector) {
    return selector.replace(/(!|"|#|\$|%|\'|\(|\)|\*|\+|\,|\.|\/|\:|\;|\?|@)/g, function($1, $2) {
        return "\\\\" + $2;
    });
}

Answer 2

使用双反斜杠：

 jQuery("#someform\\:somepanel\\:somebutton")

相关：

• jQuery 选择器值转义
• 我什么时候需要转义元字符？ （jQuery 选择器）

• http://api.jquery.com/category/选择器/

  • 如果您想使用任何元字符（例如 !"#$%&'()*+,./:;?@[\]^{|}~ ）作为名称的文字部分，您必须使用两个反斜杠转义该字符：\\. 例如，如果您有一个带有 id 的元素="foo.bar"，您可以使用选择器 $("#foo\\.bar") W3C CSS 规范包含 有关有效 CSS 选择器的完整规则集。

---

更新#1

在您对 auto 发表评论后 /em> 转义我看到的最好的方法是在字符串对象中创建一个函数，这样

String.prototype.escape = function()
{
    return this.replace(/([ #;&,.+*~\':"!^$[\]()=>|\/])/g,'\\$1')
}

你也可以像这样专门为冒号定义一个函数：

String.prototype.escape_colon = function()
{
     return this.replace(/:/,'\\$1')
}

并像这样使用：

jQuery("someform:somepanel:somebutton".escape())

但这会导致伪选择器出现问题，例如

jQuery("someform:somepanel:somebutton:first".escape())

： :first 选择器将被转义，因此您将找不到您的元素。

但是我们最好的选择是在原型中构建一个字符串解析器来替换它找到一组特定字符的位置，例如：

jQuery("someform(_e(:))somepanel(_e(:))somebutton:first".escape())

这样您就可以定义要转义的内容，但如果是这种情况，您也可以转义他们自己。

Answer 3

尝试：

jQuery("#someform\\:somepanel\\:somebutton")

Answer 4

如果您使用 PrimeFaces，它们有一个方便的辅助函数可以做到这一点：

escapeClientId(id) - 使用分号转义的 JSF id
jQuery。

调用它：

PrimeFaces.escapeClientId("someform:somepanel:somebutton")

它返回：

#someform\\:somepanel\\:somebutton

在内部，它只调用 replace(/:/g,"\\:") 并添加 #，所以你可以使用它，也。

Answer 5

我在 jQuery 中创建了一个函数来转义 JSF 的冒号：

//USAGE: $(espaceIdForJSF('#someId:anotherId'));
function escapeIdForJSF(id) {
   return id.replace(/:/g,"\\:").replace(/\./g,"\\.");
}

Answer 6

使用这个技巧： jQuery($('myid'))

原因：我使用“prototype”按 id 查找元素，然后将结果传递给 jQuery。

优点：更容易阅读。
缺点：需要 Prototype 和 jQuery，但 RichFaces 无论如何都使用 Prototype。

Answer 7

JQuery 3.0 提供了转义函数：

https://api.jquery.com /jQuery.escapeSelector/

$( "#" + $.escapeSelector( evilId ) );