jquery - 我可以引用输入:text as an #id?吗

Question

我正在创建一个“过滤输入字段”，以消除页面中与输入不匹配的图 block 。

到目前为止我有这个...

HTML -

<input name="filter" type="text" value="Find who you're looking for" />
<a href='#' id='b_submit'>Submit</a>

<article id='JohnS'>Content</article>
<article id='BobG'>Content</article>
<article id='SamL'>Content</article>
<article id='RonaldY'>Content</article>

脚本 -

$("#b_submit").click(function() {

    var filter_text = $('input:text').val();
    //this sets filter_text as the input value

    $('article:not(??not sue what to call here??)').fadeOut();
    //this is where I need help, I need to call the value as an #id to eliminate non-matching articles. 

    });

执行此操作的正确语法是什么？我是否使简单的过滤变得过于复杂？帮助？ :D

Answer 1

我认为您正在寻找:

$('article:not(#'+filter_text+')').fadeOut();

演示:http://jsfiddle.net/GKj66/