增量式正則表達式filterer

我有一長串<a>標籤，我想通過它們過濾它們;也就是刪除那些不匹配的。我會根據輸入字段中的文本輸入來篩選它們。正則表達式顯然會搜索標籤內容以匹配輸入字段，但我想知道如何使它更有趣，並且像谷歌的搜索欄那樣主動過濾列表。我想象，一個關鍵功能會觸發正則表達式函數。增量式正則表達式filterer

我不知道該怎麼做的部分是這樣的：

[input field]ArI[/]

列表：

• ArIes 
• ArIstotle

即，如何使它檢查列表項的第n個字母。

編輯

這是我迄今爲止，它不工作。

$("input.CardName_Input").keyup(function() { 
    var getPhrase = $(".CardName_Input").val(); 

    new RegExp('^' + getPhrase + '.', 'i'); 

    $("#Results a").each(function() { 
     if (!($(this).val().match(RegExp))) { 
      $(this).addClass("HIDE"); 
     } 
    }) 
});

來源

2011-06-11 C_K

你的問題不清楚。你是否想要大膽**'I' **？「標籤列表」是什麼意思？ – 2011-06-11 21:10:49

@Matt Ball - 列表標籤，我的壞。粗體應該表示字符串的第n個字母。 – 2011-06-11 21:18:12

嗯。那麼[jQuery自動完成]（http://view.jquery.com/trunk/plugins/autocomplete/demo/）呢？ – 2011-06-11 21:36:12

這是我迄今爲止，它不工作。

該代碼構造了一個new RegExp，但實際上並沒有做任何事情。然後它通過RegExp（一個函數）到match。您需要將正則表達式分配給一個變量，所以你可以使用它，並通過是到match：

$("input.CardName_Input").keyup(function() 
{ 
    var getPhrase = $(".CardName_Input").val(), 
     re = new RegExp('^' + getPhrase + '.', 'i'); 

    $("#Results a").each(function() 
    { 
     var $this = $(this); 
     if (!$this.val().match(re)) $this.addClass("HIDE"); 
    }) 
});

注：如果您不希望.CardName_Input中的特殊字符破壞您的代碼，您需要 escape getPhrase。

來源

2011-06-12 05:24:31

我並不擔心特殊字符。我將.val（）更改爲.text（），然後完美運行。感謝一堆傢伙！而且，由於您在技術上將腳本放在了我使用的形式中，因此您會看到複選標記。 – 2011-06-12 06:08:55

很好，你得到它的工作。儘管我並不是想偷看複選標記。 – 2011-06-12 06:24:14

據我瞭解，你只需要檢查每個列表項的字符串的開始？

那麼你可以使用像/^Ar./i這樣的表達式？

你的情況，你可以建立的正則表達式動態new RegExp('^' + searchString + '.', 'i')

來源

2011-06-11 21:20:58 flori

這基本上是正確的想法。 – 2011-06-11 21:36:30

我將如何實現？ – 2011-06-12 01:25:05

像這樣http://stackoverflow.com/questions/345194/regular-expression-matching-in-jquery/345806#345806只需用'RegExp'對象代替'/ ... /' – flori 2011-06-12 01:38:13

增量式正則表達式filterer

回答

相關問題