如何使用CSS3选择器在<input />中找到空格字符?

时间:2010-11-02 12:41:33

标签: javascript jquery css css3 css-selectors

我的方式:code

<form>
    <input type="text" value="">
    <input type="submit" value="submit"> type a space and press Submit
</form>

$('form').submit(function(){
    if($('input').val() == ' ') {
        alert($('input').val().length);
    }
   return false;    
});

但是我想使用像$('input[value*=" "]')

这样的CSS3选择器来解决这个问题

2 个答案:

答案 0 :(得分:2)

据我所知,你不能用CSS操纵数据;这是一种格式化语言。您没有可帮助您在字符串中查找内容的变量或函数。改用JS。

答案 1 :(得分:2)

如果您要求通过jquery使用CSS3选择器,那么$(':input[value*=" "]')应该这样做。

示例:http://www.jsfiddle.net/gaby/cruRd/

如果要在样式表中创建实际的CSS3规则,那么input[value*=' ']{..}将起作用,但仅适用于实际属性中的值(源代码中的 ),而不是值在浏览器中修改..

示例:http://www.jsfiddle.net/gaby/VzE9T/