使用.filter将值从一个输入传递到keyup函数

时间:2011-07-03 20:45:19

标签: javascript jquery forms

我正在尝试过滤表单值以更改某些链接颜色和背景但这是不正确的

$("a").filter('a[href$='"'+username'"]').css("background-color", "#ff0000");   

这是HTML示例

 <body>
    <div class="main"> 
    <p> 
    Lorem Ipsum is simply dummy text of the printing and typesetting industry.
    <a href="u=3153">user1</a>, <a href="u=31532">user2</a>, <a href="u=231532">user3</a>, <a href="u=11111">user4</a>, <a href="u=22222">user5</a>.
    </p> 
    </div>
    <div id="buttons">
    <form method="post" action="">
    Username:<br /> 
    <input type="text" value="" class="userform"  id="user" maxlength="15"/>
    <br />
    <input type="submit" value="   Submit   "  class="submit"/>
    </div>
    </body>   

这是jquery

$(document).ready(function(){
    $("body").keyup(function() 
    {
    var username = $("#user").val();
    $("a").filter('a[href$='"'+username'"]').css("background-color", "#ff0000");
    });
    });

我的问题是我无法将表单值“放入”键盘函数

3 个答案:

答案 0 :(得分:0)

您的选择器中存在语法错误,请尝试以下操作:

 $("a").filter('a[href$="'+username+'"]').css("background-color", "#ff0000");
            //('a[href$='"'+username'"]')                      
                 //     ^           ^

示例:http://jsfiddle.net/niklasvh/Lm6gE/

答案 1 :(得分:0)

引号出现问题。代码应该是:

$("a").filter('a[href$="'+username+'"]').css("background-color", "#ff0000");

您错放了",但缺少+

希望这会有所帮助。干杯

答案 2 :(得分:0)

filter方法中存在语法错误,应为:

$("a").filter('a[href$="'+username'"]')