jquery match（）可变插值 - 复杂正则表达式

Question

我已经看过this，这对一点很有帮助。

这是问题所在。我有通过用户点击传播到元素的用户列表;是这样的：

<div id="box"> 
    joe-user 
    page-joe-user 
    someone-else 
    page-someone-else 
</div> 

点击之后，我想，以确保用户尚未卡入格。所以，我做这样的事情：

if (! $('#box').html().match(rcpt)) 
{ 
    update_div(); 
} 
else 
{ 
    alert(rcpt+' already exists.'); 
} 

然而，与现有的缺乏是JavaScript有正则表达式的插值，引起我的警觉在选择page-joe-user用例来触发，然后用户选择joe-user，显然不完全一样。

在Perl我会做这样的事情：

if ($rcpt =~ /^\Qrcpt\E/) 
{ 
    # code 
} 

所有我想要做的就是改变我的比赛（）是：

if (! $('#box').html().match(/^rcpt/)) 
{ 
    # code 
} 

if (! $('#box').html().match(rcpt))似乎有点前途的，但它也失败。使用new RegExp()也不能在函数IE $('#box').html().match(new RegExp('^'+rcpt))中使用复杂RE语法的串联工作。我也试过$('#box').html().match('/^'+rcpt'/')。我只能想象我错过了什么。我很新的JavaScript。

我似乎无法找到任何真正解决这种用例的东西，在这个网站上。

TIA

Answer 1

的match功能仅适用于字符串，而不是jQuery的对象。

这样做的最好方法是将每个用户名放入一个单独的HTML标记中。

例如：

<ul id="users"> 
    <li>joe-user</li> 
    <li>page-joe-user</li> 
    <li>someone-else</li> 
    <li>page-someone-else</li> 
</ul> 

然后你可以写：

if($('#users li').is(function() { return $(this).text() === rcpt; })) 

如果你想要做你的方式，你应该叫text()获得元素中的字符串。 （$('#box').text().match(...)）

---

编辑：要做到这一点使用HTML将分割字符串的最好方法。

例如：

var userExists = false; 
var users = $('#box').text().split(/\r?\n/); 

for(var i = 0; i < users.length; i++) { //IE doesn't have indexOf 
    if (users[i] == rcpt) { 
     userExists = true; 
     break; 
    } 
} 
if (userExists) { 
    //Do something 
} 

这具有不容易受到正则表达式喷射的附加益处。