jQuery - 不使用输入类型搜索

时间:2016-06-01 11:30:22

标签: javascript jquery html datatables

我有一个输入类型为search

的字段

当我尝试使用jQuery选择时,我得到VM535 jquery-git.js:1529 Uncaught Error: Syntax error, unrecognized expression: unsupported pseudo: search

检查小提琴 - Fiddle

如何选择该字段? (注意:我没有将任何唯一的类或ID应用于该字段,实际上它是生成的插件。)

其实我正在使用jQuery DataTable插件,我想在搜索框旁边添加一个Go按钮。为此,我正在尝试这种解决方法 - 选择 使用jQuery搜索框并使用insertAfter方法添加除此之外的按钮。如果还有其他办法,请建议我。

3 个答案:

答案 0 :(得分:7)

在这种情况下,您可以使用属性选择器。试试这个:

alert($('input[type="search"]').val());

这里的工作示例:https://jsfiddle.net/ashishanexpert/dsye8b2x/1/

答案 1 :(得分:5)

  

input[type="search"]不是有效的selector(not listed in Selectors section in the docs)

使用Attribute Equals Selector alert($('input:text').val()); alert($('input[type="search"]').val())



<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<input type="text" value="text">
<br/>
<input type="search" value="search">
<br/>
&#13;
public class FloatButton{

     private Button button;

     public void generate(String text, final Context context){
         button = new Button(context);
         button.setText(text);
     }

     public getButton(){
         return button;
     }

}
&#13;
&#13;
&#13;

答案 2 :(得分:2)

你很亲密,这样做:alert($('input[type="search"]').val())