Sử dụng RegExp để tự động tạo Cụm từ thông dụng và lọc nội dung

Question

Tôi đang gặp khó khăn khi sử dụng đối tượng RegExp để cho phép tôi tự động tạo biểu thức và áp dụng nó cho một nhóm phần tử.

Here is a jsFiddle, dưới đây là các mã:

<div id='selectors'><span>A-F</span><span>G-L</span><span>M-S</span><span>T-Z</span></div> 

<a hreh=#>Astring</a> 
<a hreh=#>Cstring</a> 
<a hreh=#>Xstring</a> 
<a hreh=#>Dstring</a> 
<a hreh=#>Zstring</a> 

$('div#selectors span').click(function(){ 
     expression = "/^["+$(this).html()+"].*$/"; 

     rx = RegExp(expression,'i'); 
     console.log(rx,'expression'); 
     $("a").each(function(){ 

        if($(this).html().match(rx) !== null){ 
         $(this).addClass('selected'); 
        } 
     }); 

    }) 

Answer 1

JavaScript tự động thêm "/" ở cuối và đầu của biểu thức. Xóa chúng khỏi chuỗi của bạn, Example Here

$('div#selectors span').click(function() { 
    var expression = "^[" + $(this).html() + "].*$"; 
    var rx = new RegExp(expression, 'i'); 

    console.log(rx, 'expression'); 

    $("a").each(function() { 
     if ($(this).html().match(rx) !== null) { 
      $(this).addClass('selected'); 
     } 
    }); 

});